Hướng dẫn tạo nút Pin It khi rê chuột vào Hình Ảnh trong Blogger

Nếu bạn đang sở hữu những blog cá nhân cùng nhiều hình ảnh đẹp thì việc tạo nút Pin It khi rê chuột vào hình ảnh blogspot là việc bạn không nên bỏ qua vì khi người dùng ghé thăm blog của bạn và chia sẻ những hình ảnh lên mạng xã hội Pinterest thì bạn sẽ nhận được rất nhiều lượt truy cập đấy. 

Bài viết "Hướng dẫn tạo nút Pin It khi rê chuột vào hình ảnh blogspot" của mình dưới đây sẽ giúp bạn làm việc này theo cách chuyên nghiệp và trang trí cho hình ảnh trên blog của bạn một cách đẹp nhất có thể.

Thêm nút Pin It khi rê chuột vào hình ảnh cho Blogger

1. Đầu tiên hãy vào Blogger.com → Blog của bạn → Teamplate → Edit HTML rồi copy và dán đoạn code bên dưới của mình vào trước thẻ </body>

HTML<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigcjitE1IkChBE3eN2DkG1wpgYUdxssu1WbwTCIu-9ONhQ6P1YzKUm6yrzVCmCBL20GLaLpYat4VHpHcWyqCuGeVMPB4WTmRvuHwbz_GANmWqsnvDc-W4YW1zAnvII2IhPtuhV3mHo2x-I/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>

2. Thay đổi vị trí nút Pin It trong hình ảnh

var pinit_button_position = "center";

Thay thế lệnh center bằng những lệnh khác bên dưới đây:

topleft
topright
bottomleft
bottomright

Nếu bạn muốn thay đổi hình ảnh nút Pin It mặc định mà mình để trong bài viết thì bạn có thể thay thế bằng cách tìm đến dòng

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigcjitE1IkChBE3eN2DkG1wpgYUdxssu1WbwTCIu-9ONhQ6P1YzKUm6yrzVCmCBL20GLaLpYat4VHpHcWyqCuGeVMPB4WTmRvuHwbz_GANmWqsnvDc-W4YW1zAnvII2IhPtuhV3mHo2x-I/s1600/pinit-button.png

và thay thế bằng URL hình ảnh bất kỳ mà bạn thích.

3. Nếu bạn không muốn cho nút Pin It xuất hiện ở một số hình ảnh nào đó trong bài viết hãy trở lại mục bài viết chỉnh sửa rồi chuyển sang tab HTML và chỉ cần thêm lệnh  class="nopin" đằng sau câu lệnh kích thước hình ảnh là height="..." width="...".

Như thế là mình đã hoàn thành xong phần hướng dẫn cách tạo nút Pin It khi rê chuột vào hình ảnh cho Blogger rồi đó.

Chúc các bạn thành công với thủ thuật này.