17/5/15

[Tips] - Thêm nút Pin Button cho ảnh bài viết Blogspot

Pin Button là công cụ share ảnh lên mạng xã hội Pinterest, mọi khi các bạn phải coppy link và lên trang này mới có thể share ảnh bài viết được, hôm nay Khám Phá Blog chia sẻ cho các bạn cách thêm nít Pin Button vào blogspot và nằm ngay trên hình ảnh để cho các bạn tiện chia sẻ hơn.
Thêm nút pin button cho blogspot

Cách tích hợp Pin Button vào Blogspot

Để thêm chức năng này vào blogspot thì khá đơn giản, các bạn truy cập vào phần quản trị Blogger > Mẫu (templates) > Chỉnh sửa HTML.

Tìm đến thẻ đóng </body> và thêm đoạn code bên dưới ngay trên thẻ </body>
Chỉnh sửa HTML Blogspot
Code :
<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUFqnEeLxr1qMB_9U9ccV4gFzAgX02MR5gEp06qb1l5p8HsDAOsWexAZi0aJjdnbuwwF70Q3lx8aUddRysMAUHxLfJsBnLGs9ykvz0paQHly2ZI7tlLgI_kDH7ryf2-WYX3-qTHOb4Ha3T/s1600/pinit-button.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'>
// Visit helplogger.blogspot.com for more widgets and tricks.
</script>
Trong đó :

  • Link ảnh bôi đỏ là ảnh nút pin các bạn có thể thay đổi tùy ý nhé
Lưu mẫu (templates) lại và kiểm tra thành quả, chúc các bạn thành công. 

Recent Post

Copyright © 2014 Phân phối camera quan sát từ xa - Camera chống trộm - Thiên Phú Camera| Design by Blog Tâm Sự.