Cách chèn thêm nút Pinterest vào bài viết trên Blogspot

Trong bài viết này mình sẽ hướng dẫn các bạn cách chèn thêm nút Pinterest vào bài viết trên [Blogspot], đây là phương pháp giúp cho bài viết của bạn dễ dàng chia sẻ qua mạng xã hội Pinterest.

Hiện nay Pinterest được biết đến là một mạng xã hội chia sẻ hình ảnh và bài đăng thú vị được nhiều người sử dụng. Trên nhiều trang blog, người đọc thường thấy sự xuất hiện của các nút Pinterest có vai trò để chia sẻ hình ảnh liên kết của một bài đăng blog lên trên Pinterest.

Do đó mời các bạn tham khảo cách chèn thêm nút Pinterest vào bài đăng trên Blogspot mà mình sẽ hướng dẫn sau đây.

1. Tìm hiểu các mã code chèn nút Pinterest

Khi chèn nút Pinterest vào bài đăng trên blog, người dùng sẽ dễ dàng chia sẻ hình thu nhỏ, tiêu đề và liên kết permalink của bài đăng. Ngoài ra, bạn còn có thể tùy chỉnh nút mặc định của Pinterest với các tính năng có sẵn của Pinterest với các mã code sau đây.

Bài viết này được đăng tại [free tuts .net]

Mã nút Pinterest gốc:

<a data-pin-config="beside" href="//pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a>

Mã nút Pinterest tùy chỉnh:

<a data-pin-config='beside' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title'><img alt='Pin It'  title='Pin It' border='0' src='//assets.pinterest.com/images/pidgets/pin_it_button.png' /></a>

2. Cách chèn thêm nút Pinterest vào bài viết trên Blogspot

Các bước thực hiện như sau:

Bước 1: Bạn truy cập vào trang quản lý blog của mình, tìm đến phần Chủ đề > Chỉnh sửa HTML

Bước 2: Tại đây một bảng mã code sẽ hiện ra, bạn hãy tìm đến dòng mã <data: post.body />.

Bước 3: Khi tìm được dòng mã trên, hãy copy và dán đoạn mã dưới đây vào phía trên dòng mã <data: post.body />:

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

Bước 4: Giờ bạn chỉ cần nhấn vào nút Lưu chủ đề để hoàn tất. Và kết quả sẽ như sau:

Vậy là mình đã vừa hướng dẫn các bạn cách chèn thêm nút Pinterest vào bài viết trên Blogspot đơn giản nhất. Mong rằng bài viết này sẽ hữu ích đối với các bạn. Chúc các bạn thực hiện thành công!