[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.

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>

Code :

<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Og1onKiPMYgk-VRxy85fCyvvQgRQ_ucqHBTTzENh-pbRNXvippPH-svjN48YS-R8bArrCgEVBsWnZDKwob7Ip4F3oVKM3hFXTXx_yCGhTtpW-ErITWSdg3SVb1zN-OKVvlOnC7frIv-9/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. 

Bài Viết Cùng Chủ Đề