Chèn mã Embed URL,HTML,Forum Links Code cho blogspot (dưới bài viết)

Thủ thuật chèn Embed URL,HTML,Forum Links Code cho blogspot
Hướng dẫn thủ thuật này sẽ tạo ra một lợi ích để giải thích làm sao blogger có thể chèn URL, HTML, FORUM links ở dưới mỗi bài viết của blog. Điều này sẽ giúp người đọc dễ chia sẻ, copy link bài viết của bạn. Qua tham khảo 1 số trang blog mình cũng đã thấy có những tiện ích này. Nó thật sự rất hay và có lợi cho SEO blog, Web. Khi đọc 1 bài viết hay, các bạn đừng ngại chia sẻ bài viết của họ.
- Ở thủ thuật này mình sẽ hướng dẫn các bạn hiển thị được 3 mã links phổ biến được dùng đó là URL bài viết, mã chèn HTML, mã chèn FORUM, để nhúng trang Web của bạn dưới 1 trang Web khác.

DEMO
Cách làm:
1. Đăng nhập vào bảng điều khiển của Blogger, lựa chọn Mẫu (Layout) -> Chỉnh sửa HTML (Edit HTML) -> Mở rộng mẫu tiện ích
Tìm tới </head>

Và dán code dưới đây ngay trên nó
Code:

<!-- Chèn link bài viết -->
<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
.about-article input{
background-color:#ffffff;
}
</style>
<!-- Ket thuc -->

Tiếp theo tìm tới code <data:post.body/>
Và chèn Code dưới đây ngay sau nó:

<!-- Chen link bai viet -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Chia sẻ Link bài viết: </p>&lt;p class=&quot;noborder&quot;&gt;&lt;label for=&quot;aa-url&quot;&gt;URL: &lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;label for=&quot;aa-forum&quot;&gt;HTML Link: &lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;&lt;/p&gt;&lt;p&gt;
&lt;label for=&quot;aa-forum&quot;&gt;Forum Link: &lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]<data:post.title/>[/url]&quot; /&gt;&lt;/p&gt;
<p align='center'><a href='http://www.itviet360.com/p/dich-vu-seo-web-gia-re-giai-phap-tot.html' style='display:none;' target='_blank'>Dich vu SEO Web</a></p>
&lt;/div&gt;<br/>
</b:if>
<!-- Ket thuc chen link bai viet -->
Sau đó lưu mẫu (Save template) rồi xem kết quả :)
Ở DEMO mình đã tùy biến hiển thị (mình cho hiển thị dưới bài viết liên quan, các bạn nếu muốn hiển thị ở)
-------------
chúc các bạn thành công !

Chuyên mục: Thu thuat, Thu thuat blogspot, thu-thuat, thu-thuat-blogger