Pinterest là một trang chia sẻ ảnh theo dạng mạng xã hội, thông qua Pinterest người dùng có thể chia sẻ những bức ảnh và sắp xếp chúng thành những bản tin khác nhau. Với mỗi hình ảnh đưa lên đều cho phép gắn liên kết trỏ về website và liên kết này có giá trị rất cao về cả traffic và backlink. Vì vậy chèn nút Pin it! vào ảnh cho blog/website sẽ rất có lợi cho SEO.
Cách 1: Thêm thủ công
Đăng nhập Blogger ~> Mẫu ~> Chỉnh sửa HTML
Thêm đoạn code này vào phía trên thẻ </body> rồi Lưu Mẫu lại
<script> //<![CDATA[ var custom_pinit_button = "http://4.bp.blogspot.com/-3CPCJ031n9M/U_vWZXUV1SI/AAAAAAAAKPA/8Q3N34ieaBw/s1600/pinit-button.png"; var pinit_button_position = "center"; var pinit_button_before = ""; var pinit_button_after = ""; //]]> </script> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script> <script id='pinit-img-button' src='https://dxoan.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'> // dxoan.blogspot.com - Blog DX - Blog thủ thuật, công nghệ và mọi thứ. ( Không xóa bỏ dòng này nếu muốn đoạn code hoạt động ) </script>
var pinit_button_position = "center"; – nút Pin it! sẽ hiển thị ở giữa hình ảnh. Để thay đổi vị trí hiển thị nút Pin it!, thay center bằng 1 trong các vị trí:
topleft topright bottomleft bottomright
var custom_pinit_button = "http://4.bp.blogspot.com/-3CPCJ031n9M/U_vWZXUV1SI/AAAAAAAAKPA/8Q3N34ieaBw/s1600/pinit-button.png" – Là hình ảnh nút Pin it! . Một số hình nút Pin it! cho bạn chọn:
http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png http://4.bp.blogspot.com/-0qmONzsWx4c/VBQKQW2KQtI/AAAAAAAAAe4/lI_P1ZHVLNo/s600/pinterest-button.png
Chú ý: Khi đăng bài mà không muốn hiển thị nút Pin it! cho một hình nào đó thì các bạn chuyển bài viết qua chế độ HTML và thêm thuộc tính class="nopin" cho thẻ img chứa hình ảnh đó.
Ví dụ:
<img border="0" src="https://1.bp.blogspot.com/-6j765G789jU/VIs_eU2ULOI/AAAAAAAAAbY/2zJxJkERgVs/s1600/gioi%2Bhan%2Bcua%2Bblogger%2B-%2Bblogdx.png" height="320" width="230" class="nopin" />
Cách 2: Dùng Widget builder của Pinterest
Truy cập
Tại phần “Button Type”, chọn thẻ “Image Hover”. Chỉnh sửa hình ảnh nút Pin it! ở phần “Appearance” và rê chuột qua ảnh ở phần “Preview” để xem hình ảnh nút Pin it! sau khi chỉnh sửa.
Kéo xuống phía dưới và copy đoạn code nhận được
