Add Link To This Post Widget Below to Blogspot

"Link To This Post" là tiện ích hay giúp tăng thêm lượng traffic cho blog của bạn. Tiện ích sẽ tự động lấy đường link bài viết theo 2 dạng Url Post hoặc HTML Code như hình dưới đây.

Click Here to view DEMO "Link To This Post" Widget

Edit HTML

Chú ý: trước khi chỉnh sửa trong phần HTML các bạn cần backup trước Template đang dùng để tránh bị lỗi.

Hướng dẫn:

Bước 1: Truy cập vào quản lý Blogger, click Mẫu rồi click tiếp Chỉnh sửa HTML

Bước 2: Click chuột vào khoảng trống bất kỳ trong khung soạn thảo HTML ở phía dưới rồi ấn CTRL+F để hiện ra khung tìm kiếm rồi gõ <data:post.body/>

Bước 3: Chèn đoạn code sau đây vào phía dưới đoạn mã vừa tìm được <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<p style='color: #7AA1C3;font-weight: bold;'>If you Like This Article,Then kindly linkback to this article by copying one of the codes below.</p>
<p style='color: #CF152A;font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea>
<p style='color: #CF152A;font-weight: bold;'>Paste This HTML Code On Your Page:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><a href="<data:post.url/>"><data:post.title/></a></textarea>
<div style='text-align: right;font-size: x-small;'>
</div></b:if>

Khi tìm đoạn mã <data:post.body/> thì có thể bạn sẽ tìm được 3 lần đoạn mã này. Bạn sẽ dừng lại ở đoạn mã thứ 3 rồi chèn đoạn code trên vào phía dưới nó.

Nếu không tìm được <data:post.body/> thì bạn tìm 1 trong 2 đoạn mã sau