Tạo nút Pin it! ẩn hiện khi dê chuột vvào hình ảnh

Hình ảnh minh họa đóng một vai trò quan trọng trong bài viết của bạn. Nó giúp thu hút khách từ các máy tìm kiếm như Google, Bing, Yahoo!... Nhưng để đạt hiệu xuất cao nhất ta nên kết hợp thêm nút Pin It! cho blog. Khi một vị khách truy cập vào blog của bạn, nếu họ thích một hình ảnh nào đó thì họ sẽ click nút Pin It!, hình ảnh của bạn sẽ được chia sẻ lên Pinterest. Điều quan trọng là liên kết của bức ảnh sẽ quay ngược về nơi nó được Pin It!. Vậy thì còn chờ đợi gì nữa mà không tiến hành luôn!

XEM DEMO

#Cách thêm nút Pin It!

1. Đăng nhập Blogger
2. > Mẫu > Chỉnh sửa HTML
3. > Tìm thẻ </body> (sử dụng tổ hợp ctrl + f để tìm)
4. > Dán code dưới vào trên nó

<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5QiW0k1zVae488BFtJ20oQOPKK3fMLhafoFwviTUVZoqWMMUrb6bd1nOzIDJyG8UP6bbwf7suBcvCS1P3D0xPsKQkJb_4IrCPPVYhinX79FuDKyAwLmaBe43h2haApSXe9Bq1FvbqklI/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 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>

Lưu ý:

• Có thể thay center thành 1 trong 4 đoạn sau để thay đổi vị trí xuất hiện button Pin It!

topleft
topright
bottomleft
bottomright

• Nếu không thích hình nút Pin It! cũ thì thay https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis5QiW0k1zVae488BFtJ20oQOPKK3fMLhafoFwviTUVZoqWMMUrb6bd1nOzIDJyG8UP6bbwf7suBcvCS1P3D0xPsKQkJb_4IrCPPVYhinX79FuDKyAwLmaBe43h2haApSXe9Bq1FvbqklI/s1600/pinit-button.png thành liên kết đến hình ảnh của bạn.
• Nếu trong blog của bạn đã có đoạn scrip màu đỏ thì hãy xóa nó đi
• Hãy tải file JS trên về rồi tải lên host riêng của bạn mà dùng lâu dài

Helplogger