Hướng dẫn chèn button Pinterest Pin vào ảnh Blog

Vai trò của Social là rất quan trọng đối với các chỉ số của Google, trong đó Pinterest cũng chiếm 1 vị trí rất quan trọng,  hơn cả Tweets. Tuy nhiên so với phương pháp Pin thủ công bạn phải chọn đúng ảnh để Pin sau đó phải điền các thông tin bằng tay trước khi Pin và đó chính là lý do bạn nên cài đặt ứng dụng này vào web, blog để có thể dễ dàng hơn trong thao tác, ưu điểm của nó:

• Tự động lấy tiêu đề bài viết và URL một cách chính xác nhất. 

• Tự động điền vào phần mô tả với tiêu đề của bài viết.

• Tương thích trên tất cả các trình duyệt Firefox, Chrome và Internet Explorer 

Vai trò của mạng xã hội

Để cài đặt các bạn làm theo các bước:

1. Đăng nhập Blogger Template > Edit HTML.
2. với WordPress: Go to Administration > Appearance > Editor > footer.php.
3. Tìm kiếm vị trí thẻ </body> 
4. Coppy và dán đoạn code bên dưới ngay phía trên thẻ </body> sau đó save lại

<script>
//<![CDATA[
var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJFMQv4ikP5-ooxm3p6KzvyOtIZOpRPeTF_2Wq7Wk-9XO5rZALpxxPSVzLgOOksHuGje3_-orhxGyeRJAXFuJ62pLQ2RzNUmqGI6BlfZcKoJ4kMNQ-c_SGLHa6dVuClfjBK9Y4JavYTz5P/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>

Thay đổi vị trí xuất hiện của icon theo vị trí bạn muốn var bs_pinButtonPos

• topleft

• topright

• bottomleft

• bottomright

Bạn có thể thay thế icon của riêng bạn thay vì icon mặc định của pinterest tại var bs_pinButtonURL

Tua rua