Cách chèn nút "Pin it" cho các hình ảnh trên blog/ web.

Pinterest là một trang mạng xã hội chia sẻ hình ảnh, 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 sẽ rất có lợi cho SEO. Hôm nay, phố kiến trúc sẽ hướng dẫn cách chèn nút “Pin it” tự động cho từng bức ảnh trong blog của bạn.

 

 1:Cách làm như sau:  Sử dụng Widget builder của Pinterest

- Trước tiên, truy cập vào địa chỉ: https://business.pinterest.com/en/widget-builder#do_pin_it_button
- Tại phần Button Type chọn tag Image Hover Chỉnh sửa kiểu dáng nút Pin it ở phần Appearance và rê chuột qua ảnh ở phần Preview để xem kết quả hình ảnh nút Pin it!

- Sau khi ưng ý với kết quả vừa chỉnh sửa, copy đoạn mã Pinterest cung cấp

 2. Để Chèn vào blog. Bạn làm như sau :

- Đăng nhập Blogger >> Mẫu >> Chỉnh sửa HTML và Paste(dán) nó vào trước </body> >> Rồi các bạnLưu mẫu

<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async="async" defer="defer" data-pin-color="red" data-pin-height="28" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

 3. Lưu ý :

• - Thêm async="async" defer="defer" như đoạn code trên để Lưu mẫu không bị báo lỗi
• - Thêm thuộc tính nopin="nopin" cho thẻ hình ảnh <img> nếu không muốn hiển thị nút Pin it <img src="foo.jpg" nopin="nopin" />

Trang pkientruc hiện đang sử dụng khá nhiều các hình ảnh khác nhau và cũng đang sử sụng thủ thuạt này. Các bạn có thể tải nghiệm ngay các nút PIN mà mình đã chèn vào web. Nếu các bạn không thích kiểu nút này các bạn có thể chọn kiểu nút khác thích hợp cho trang web của mình  nhé

Chúc các bạn chèn được tiện ích này thành công và nếu có gì thắc mắc cần trao đổi thì hãy comment bên dưới để mình giải đáp giúp các bạn.