LÀM SAO CHÈN NÚT PIN IT CỦA PINTEREST VÀO BLOGSPOT?

Trong bài trước, chúng ta đã biết cách chèn nút Follow me của Pinterest . Cũng giống như Like trong Facebook , Plus One trong Goolge +1 , T...

Trong bài trước, chúng ta đã biết cách chèn nút Follow me của Pinterest. Cũng giống như Like trong Facebook, Plus One trong Goolge +1, Tweet trong Twitter, công cụ "sống còn" của Pinterest là Pin it.
Nhưng không giống như Like, Plus One hay Tweet, Pin it chỉ quan tâm đến hình ảnh trong bài viết, trang blog của bạn. Khi bạn nhấn Pin It, nó sẽ hiển thị tất cả những hình ảnh khả dụng cho bạn chọn để "ghim" vào bảng Pinterest của bạn. Nếu bạn chưa có tài khoản Pinterest cho riêng mình thì hãy đăng ký đi là vừa. Đang hot đấy!
Còn nếu bạn đã "đi cùng thời đại" thì hãy tham khảo những bước sau để chèn nút Pin it vào blog nhé.
Đây là những đoạn code được giới thiệu bởi BloggerSentral.

1. Đăng nhập Blogger, vào Template và chọn Edit HTML.

2. Kích chọn hộp Expand Widget Templates

3. Sử dụng Ctr+F để tìm đến đoạn code dưới đây:
<data:post.body/>

4. Chèn đoạn mã dưới đây ngay dưới đoạn code vừa tìm được (nếu bạn muốn nút Pin ở trên bài post thì chèn trên đoạn code đó).
<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='pin-wrapper' style='margin:5px 10px 5px 0; text-align: left;'>
<a class='pin-it-button' count-layout='horizontal' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-93px; width:43px; height:20px; display:inline-block;'/>
</div>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement(&#39;script&#39;);
e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;);
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;);
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999);
document.body.appendChild(e);
}
</script>
</b:if>
<!-- Pinterest button End -->

5. Tùy chọn nút Pin theo những thông số dưới đây:


Button type

count-layout value

margin-left value
pinterest pin-it button vertical
vertical

-46px
pinterest pin-it button horizontal
horizontal

-93px
pinterest pin-it button no count
none

-46px


6. Lưu lại. Xong. Giờ thì PIN IT thôi.
Chúc bạn thành công!

Bài liên quan

Blogspot 3694345088840282518

Post a Comment

  1. Bác Tung cũng dùng cái này hà... coi bộ Pinterest cũng được nhiều blogger mình dùng ghê :)

    ReplyDelete
  2. Chức năng này tốt cho seo, mình thử áp dụng trên blog của mình xem sao. hihi

    ReplyDelete

emo-but-icon

Dõi theo DLV

Danh ngôn về văn hóa

Mới

Nóng

Bài ngẫu nhiên

DLV video

DLV trên FB

Nhà bên

item