Test template

Cách đưa Sitemap vào blogger blog

<br>
<h3 style="font-family: Arial; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZzbTUbiIe-fnAVxK9DGPlRKCcjG4pyT2Bzh0enoevKqPGQdg7NyVyK42vZ46F45q3PfOUp6man0TwckjA33PvXA6BYaToGHMVbRRjj6jKpY7KKF7lAUGQx-XvHDSJ204g0FjVUfjrDf4/s1600/logositemap.jpg" style="clear: left; color: #2b2b2b; display: inline !important; font-size: 14px; line-height: 20px; margin-bottom: 1em; margin-right: 1em; text-align: justify; text-decoration: none;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZzbTUbiIe-fnAVxK9DGPlRKCcjG4pyT2Bzh0enoevKqPGQdg7NyVyK42vZ46F45q3PfOUp6man0TwckjA33PvXA6BYaToGHMVbRRjj6jKpY7KKF7lAUGQx-XvHDSJ204g0FjVUfjrDf4/s200/logositemap.jpg" style="border: 0px;" width="100"></a><span style="font-size: 14px; line-height: 20px; text-align: justify;">Đưa một sitemap vào blog chỉ dành cho blog đã có số lượng bài viết tối thiểu 26 bài viết và bạn sử dụng địa chỉ :</span><b style="font-size: 14px; line-height: 20px; text-align: justify;"> http://www.têncủamình.blogspot.com. </b></h3>
<div class="post-body entry-content" style="font-family: Arial; font-size: 14px; line-height: 20px; margin: 0px 0px 0.75em; text-align: left;">
<div id="post_body">
<div dir="ltr" trbidi="on">
<div style="text-align: justify;">
Điều này sẽ giúp bạn tìm thấy mình trên google search. Đi sâu hơn về vấn đề tìm kiếm thì bạn phải tìm hiểu rất nhiều, Blog cá nhân mà không cần quan tâm nhiều, chỉ cần vài bước để google search biết đến mình là được rồi.</div></div></div></div>

Cách đưa Sitemap vào blogger blog

Đưa một sitemap vào blog chỉ dành cho blog đã có số lượng bài viết tối thiểu 26 bài viết và bạn sử dụng địa chỉ : http://www.têncủamình.b...

Tập hợp các mã nguồn tiện ích - chèn vào blog (phần 1).

<div class="main-hd" style="font-family: arial, helvetica, clean, sans-serif; font-size: 13px; line-height: 17px; margin: 0px; padding: 5px; text-align: left;"><div class="mod-alist-titlebar" style="margin: 0px 0px 0.5em; padding: 0px;"><h1 style="font-size: 16px; margin: 0px; overflow: hidden; padding: 0px; text-overflow: ellipsis;"><span style="background-color: white; font-size: 11px;">Đăng ngày: 13:05 18-02-2011</span></h1><h1 style="font-size: 16px; margin: 0px; overflow: hidden; padding: 0px; text-overflow: ellipsis;"><span style="background-color: white; font-family: 'Times New Roman'; font-size: 12pt; font-style: italic;">Tạo Blog là một trong những trào lưu IT được giới trẻ “yêu chuộng” nhất hiện nay, tạo Blog không quá khó tuy nhiên để có được một Blog thật hay và Pro thì đòi hỏi bạn phải biết nhiều thứ trong đó tùy biến mã nguồn nhúng HTML/JavaScript là một đối tượng vô cùng quan trọng.</span></h1></div></div><div class="main-bd" style="font-family: arial, helvetica, clean, sans-serif; font-size: 15px; margin: 1em 0px; overflow: hidden; padding: 0px; text-align: left; width: 772px;"><div style="font-family: 'Times New Roman'; font-size: 12pt; margin: 0px; padding: 0px;"><span style="background-color: white; font-size: 12pt; font-style: italic; font-weight: bold;">Trong loạt bài viết “Những thủ thuật hay cho các Blogger” ở phần 1 này tôi sẽ chia sẽ với các bạn những đoạn mã nguồn HTML/JavaScript chọn lọc; mà nếu làm chủ tốt “nó” Blog của bạn sẽ vô cùng hiện đại và chuyên nghiệp. Bài viết được minh họa trên dịch vụ Blogspot của Google, các dịch vụ Blog khác cũng được tiến hành tương tự.</span></div></div>

Tập hợp các mã nguồn tiện ích - chèn vào blog (phần 1).

Đăng ngày: 13:05 18-02-2011 Tạo Blog là một trong những trào lưu IT được giới trẻ “yêu chuộng” nhất hiện nay, tạo Blog không quá khó tuy nhi...

Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.

Lấy dữ liệu Blogspot khác và Bảo vệ dữ liệu blogspot bản thân.

Fairstar | 04-01-2012 | nhận xét (59) Các bước Lấy data của blogspot khác hay gọi lịch sự là lấy data, mà gọi không lịch sự là đi ăn cắ...

Cách chỉnh sửa phần nội quy nhận xét.

<div class="post-header" style="background-color: white; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; text-align: left;"><span style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8V4CdLMYS2SR9Usasre57KZp68wqebVcfyZcIeWI0VOSE97fXwyegGRE9KGmYFK_yVbwC19MpKB5sCk-c5WOlELXj0cMtX1pjPG2BJeNEEqpvusXCfdLxsrAHoIaaB9RNo-bSOSX0/s1600/author-namkna-ngoctra.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; font-size: 11px; padding-left: 25px;"><br />
Namkna</span> | <span style="background-attachment: scroll; background-color: transparent; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUo6XOkHrQ-Lgzk2ugxx4MUTgDQhEtcd3CoGYUJF4IqfwMwIIoBoki2HyYyJ6M83OJDkZpm1YCcmghqeLRJJagSnV0UBp03fqQ1gLMZ_KuOG6Z_NlBVzLzbvKzghT2UbWcpNS5Pa-t/s1600/time-post-clock-namkna-blogspot-com-ngoctra.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; font-size: 11px; padding-left: 25px;">22:34</span> | <span class="comments-icon" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIWyXA8I3puyEXBmsUdo_BtOmoXCKUowxg6jXScYcbpS7ZeyIFxiMdBZAY8y-gBHh5CcOWONND0I377U5BZ2zIkHGv5CmFHj6n6nbk9eFwioA5KhaPhiax6wCpF66hUfSzWC0GOjb/s1600/comments-namkna-blogspot-ngoctra.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; margin: 0px 0px 0px 5px; padding: 0px 15px 0px 0px;">0 nhận xét</span></div><div class="post-body entry-content" style="background-color: white; border-top-color: rgb(105, 105, 105); border-top-style: solid; border-top-width: 1px; color: #333333; font-family: Arial, Verdana; font-size: 12px; line-height: 1.5em; margin: 10px 0px 0.75em; padding-top: 6px; text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRiwyAzHepcRd1rh83sCVt6eFE6rzYKjbmAwIeco-6zQpNIqslphA20cv1xOv1pNcMJ52f9xlMLeBi0cu7FmLvkFYXYMmhZ4GrnqoEgsE9QiwkqPYNmi_aiui-ECUXTnl_RTRbPgqGw8gc/s1600/tao-khung-noi-quy-nhan-xet-namkna-ngoctra.png" imageanchor="1" style="background-color: white; color: black; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; line-height: 16px; margin-left: 1em; margin-right: 1em; text-align: center; text-decoration: none;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRiwyAzHepcRd1rh83sCVt6eFE6rzYKjbmAwIeco-6zQpNIqslphA20cv1xOv1pNcMJ52f9xlMLeBi0cu7FmLvkFYXYMmhZ4GrnqoEgsE9QiwkqPYNmi_aiui-ECUXTnl_RTRbPgqGw8gc/s400/tao-khung-noi-quy-nhan-xet-namkna-ngoctra.png" style="border: 0px solid rgb(204, 204, 204); clear: both; max-width: 510px; min-width: 10px; padding: 0px;" width="400" /></a><br />
<span style="color: red; font-family: Arial, Helvetica, sans-serif;"><b>Để viết phần nội dung bạn làm như sau</b></span><br />
<br />
<ol><li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">Đăng nhập Blogger</span></li>
<li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">vào </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">Settings </b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">(</span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">Cài đặt</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">)</span></li>
<li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">Chọn thẻ </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">Comments</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;"> (</span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">Nhận xét</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">) </span></li>
<li><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">kéo xuống mục </span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">Comment Form Message</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;"> (</span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">Thư thông báo mẫu nhận xét</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; line-height: 16px;">) </span></li>
</ol><br />
<a href="" name="more"></a><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="border: 0px solid rgb(204, 204, 204); margin-left: auto; margin-right: auto; padding: 4px; text-align: center;"><tbody>
<tr><td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGB65-gVdjwb-Gw-IAI2KXMHTF2Qx9CGDi7rPAI-tMUuoFu0RLEN00fSV3NOutYgWb-oUQmXD2JsqzHfi5ensHr6ZW7QKBnOlwzgEFxXYvFCmUS7OnCgVGW-hAd8rL9w0MNgLZEa6Rh_Q/s1600/khung-nhan-xet-table-Comment-namkna-ngoctra-1.png" imageanchor="1" style="background-color: white; color: black; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; line-height: 16px; margin-left: auto; margin-right: auto; text-decoration: none;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOGB65-gVdjwb-Gw-IAI2KXMHTF2Qx9CGDi7rPAI-tMUuoFu0RLEN00fSV3NOutYgWb-oUQmXD2JsqzHfi5ensHr6ZW7QKBnOlwzgEFxXYvFCmUS7OnCgVGW-hAd8rL9w0MNgLZEa6Rh_Q/s1600/khung-nhan-xet-table-Comment-namkna-ngoctra-1.png" style="border: 0px solid rgb(204, 204, 204); clear: both; max-width: 510px; min-width: 10px; padding: 0px;" /></a></td></tr>
<tr><td class="tr-caption" style="font-size: 10px;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">Bấm vào hình nếu không nhìn rõ</span></td></tr>
</tbody></table><span style="background-color: white; line-height: 16px;"><span style="font-family: Arial, Helvetica, sans-serif;">         <b> 5.</b> Viết vào đó đoạn văn bản nội quy nhận xét.</span></span><br />
<div style="background-color: white; line-height: 16px;"><ul></ul><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">         6. sau đó nhấn</span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif;">SAVE SETTINGS</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;"> (</span><b style="background-color: white; font-family: Arial, Helvetica, sans-serif;">Lưu cài đặt</b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif;">) để lưu cài đặt.</span></div></div>

Cách chỉnh sửa phần nội quy nhận xét.

Namkna | 22:34 | 0 nhận xét Để viết phần nội dung bạn làm như sau Đăng nhập Blogger vào Settings ( Cài đặt ) Chọn thẻ Comments ...

Johny Soulmater Blogger Template ves2.

Johny Soulmater Blogger Template ves2.

Fairstar | 19-04-2012 | nhận xét (67) Nhân kỷ niệm Blognamkna đạt mốc 5.000.000 lượt độc giả và để gửi món quà tri ân cho tất cả các bạ...

Tạo bộ Tag, Keywork cho bài viết trong blogspot

Tạo bộ Tag, Keywork cho bài viết trong blogspot

Fairstar | 26-04-2012 | nhận xét (2) Meta tag là tập hợp các từ khóa liên quan đến các chủ đè, bài viết của bạn. Các thẻ này giúp góp p...

Tạo mục các bài viết cùng chủ đề cho blogspot với LinkWithin.

Tạo mục các bài viết cùng chủ đề cho blogspot với LinkWithin.

Fairstar | 18-05-2011 | nhận xét (1) Để cho bạn đọc dễ tìm kiếm các bài cùng chủ đề trên Blog, bạn có thể tạo mục "Các bài cùng ch...

Bài viết liên quan có hình ảnh cho Blogger

Bài viết liên quan có hình ảnh cho Blogger

Fairstar | 14-08-2011 | nhận xét (18) Khi đặt bút viết bài này (chính xác hơn là đặt tay lên bàn phím) mình băn khoăn không biết ...

Tiện ích “Bài viết liên quan” cho Blogger.

<div class="post-header" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; text-align: left;"><span style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN1Ju5ypWIMukLlmG_IJbDE49dLp3H7z7lWFdQZ83MnU-60d07EABulbJfkIlBxEiNSI5gxlZjts-MjAEmmgin9mvPcPkMPbA0TQHsETLBrVJc7Fdh1iHRaLnZR0NjfMtOz7vtdzskx0X3/h120/user-namkna-blogspot.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; font-size: 11px; padding-left: 25px;"><br />
Fairstar</span> | <span style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUo6XOkHrQ-Lgzk2ugxx4MUTgDQhEtcd3CoGYUJF4IqfwMwIIoBoki2HyYyJ6M83OJDkZpm1YCcmghqeLRJJagSnV0UBp03fqQ1gLMZ_KuOG6Z_NlBVzLzbvKzghT2UbWcpNS5Pa-t/s1600/time-post-clock-namkna-blogspot-com-ngoctra.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; font-size: 11px; padding-left: 25px;">26-07-2011</span> | <span class="comment-home" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ0e3fYfSCKwy994INRO12m79QB6Sj6sVBt-6mUzvaaKiWq4x9_XnT9U9M0CGrGcaBCgKN36hvTBkdOhMTal_-4-Bj6FrHFRhAfew5KeNGLw1sfTvPIxKarn676-OYnXD5ga6ImkdMs0p6/s1600/comment-icom-namkna-ngoctra.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: Arial; font-size: 13px; margin: 0px; padding: 0px 18px 0px 0px;"><a class="comment-link" href="http://namkna.blogspot.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html#comment-form" style="color: #666666; margin-left: 0.1em; text-decoration: none; white-space: nowrap;">nhận xét (4)</a></span></div><div class="post-body entry-content" id="post-body-1963242685174988952" style="border-top-color: rgb(187, 187, 187); border-top-style: solid; border-top-width: 2px; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 1.4em; padding-top: 6px; text-align: left;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEjAb3F0CDbbIfXY_4JVRDmCvtKWMqOtSjl9P6c3B8aOikfM82kRS2t70AVKTKIXMQDYRGb3-ilGXNiAJUrBYsjYU77S9FipT0tiHlJTWcmwmOQ8VAuhcmHQkOXhU45_Bt97Kus1q9LPa/s1600/related-posts-namkna.jpg" imageanchor="1" style="clear: left; color: #006666; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwEjAb3F0CDbbIfXY_4JVRDmCvtKWMqOtSjl9P6c3B8aOikfM82kRS2t70AVKTKIXMQDYRGb3-ilGXNiAJUrBYsjYU77S9FipT0tiHlJTWcmwmOQ8VAuhcmHQkOXhU45_Bt97Kus1q9LPa/s200/related-posts-namkna.jpg" style="border: 0px solid rgb(204, 204, 204); clear: both; max-width: 560px; min-width: 10px; padding: 4px 0px 0px;" title="Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" width="150" /></a></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><b><span style="font-size: x-small;">Một phương pháp tương đối dễ dàng để tăng số lượng Page Views trên blog của bạn là thêm một danh sách các bài liên quan bên dưới mỗi bài viết. Điều này cung cấp cho độc giả nhiều thông tin liên quan hơn đến chủ đề mà họ đang theo dõi.</span></b><br />
<a href="" name="more"></a></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"></span><br />
<div class="wlWriterEditableSmartContent" id="scid:0a7b020c-2e51-4379-b078-a5387e1e26be:9108ae54-83e9-436e-851d-48166a1ee891" style="display: inline; float: none; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; text-align: justify;"><span style="font-size: x-small;"><a href="http://www.blogger.com/post-create.g?blogID=1284053134771667067" name="more" style="color: #006666; text-decoration: none;"></a></span></div><div></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><span style="font-size: x-small;">Đây là một tiện ích được sử dụng rất phổ biến, và nó cũng có rất nhiều “biến thể”. Hôm nay iTechPlus sẽ giới thiệu đến các bạn một số style được sử dụng phổ biến nhất trên các trang Web/Blog trong cũng như ngoài nước, nhằm cung cấp cho các bạn có nhiều lựa chọn hơn trong việc áp dụng vào Blog của mình.</span></div><div style="font-family: Arial, Helvetica, sans-serif; text-align: justify;"><span style="color: blue;"><b>A. Style 1 : Related Posts Widget for Blogger v1 </b></span>( <a href="http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html" style="color: #006666; text-decoration: none;" target="_blank">BloggerPlugins</a> )<span style="font-size: x-small;"></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiILOfdy5jEkPLcy2JONRIZKrgWxBu4OFik6b2jhqrJcgtUa38G0PTEMUW6E13ZIDWHt61pbY6WUPGxABHuZEawWXjGpXPxv_69wzIGSHP-ZLN2CTZSrucjo_inXq6hiqbvrz8bwA-RCrBo/s1600/related-posts-namkna-style1.jpg" imageanchor="1" style="color: #006666; text-decoration: none;"><img alt="Related Posts Widget for Blogger v1 ( BloggerPlugins ) - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiILOfdy5jEkPLcy2JONRIZKrgWxBu4OFik6b2jhqrJcgtUa38G0PTEMUW6E13ZIDWHt61pbY6WUPGxABHuZEawWXjGpXPxv_69wzIGSHP-ZLN2CTZSrucjo_inXq6hiqbvrz8bwA-RCrBo/s400/related-posts-namkna-style1.jpg" style="border: 0px solid rgb(204, 204, 204); clear: both; max-width: 560px; min-width: 10px; padding: 4px 0px 0px;" title="Related Posts Widget for Blogger v1 ( BloggerPlugins ) - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" width="400" /></a></div><div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">1. Vào <b>Thiết kế </b>> <b>Chỉnh sửa HTML</b> > Tick chọn <b>Mở rộng mẫu tiện ích</b></span></div><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">2. Chèn đoạn code bên dưới vào phía trên thẻ đóng <b></head></b></span></div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>    
<style type="text/css">     
#related-posts {     
float:center;     
text-transform:none;     
height:100%;     
min-height:100%;     
padding-top:5px;     
padding-left:5px;     
}     
#related-posts .widget{     
padding-left:6px;     
margin-bottom:10px;     
}     
#related-posts .widget h2, #related-posts h2{     
font-size: 1.6em;     
font-weight: bold;     
color: black;     
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;     
margin-bottom: 0.75em;     
margin-top: 0em;     
padding-top: 0em;     
}     
#related-posts a{     
color:blue;     
}     
#related-posts a:hover{     
color:blue;     
}     
#related-posts ul{     
list-style-type:none;     
margin:0 0 0px 0;     
padding:0px;     
text-decoration:bold;     
font-size:15px;     
text-color:#000000     
}     
#related-posts ul li{     
background:transparent
 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQTnMjZTPUz8yflpb-YCxOgP1nosOV6c7TvqlNBHV57LI_GzrOCQRa7f8-pPS0LqtqbkiyWQ3OZY7wSe4xyFDS9pOunhMSyENoRa88Vwaw0jtsyqgSywIgBh3lk3qHxIpkEqv6ZJZqg_s/s200/greentickbullet.png)
 no-repeat ;     
display:block;     
list-style-type:none;     
margin-bottom: 13px;     
padding-left: 30px;     
padding-top:0px;}     
</style>     
<script type='text/javascript'>     
var relatedpoststitle="<b><span style="color: blue;">Related Posts</span></b>";     
</script>     
<script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>     
</b:if></pre><div style="font-family: Arial, Helvetica, sans-serif;"><b>Lưu ý: bạn nên <a href="http://download351.mediafire.com/s2bvhss5vkrg/urjdzwgdco1h76t/File+IS+-+Ti%E1%BB%87n+%C3%ADch+%E2%80%9CB%C3%A0i+vi%E1%BA%BFt+li%C3%AAn+quan%E2%80%9D+cho+Blogger+-+Style+1.rar" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">download File Js về TẠI ĐÂY</a> và upload lên <a href="http://namkna.blogspot.com/2011/08/huong-dan-su-dung-google-code-e-chua.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">host riêng</a></b></div><div style="font-family: Arial, Helvetica, sans-serif;"><b>3. </b>Tìm trong Template của bạn đoạn code tương tự như bên dưới :</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><div class='post-footer-line post-footer-line-1'></pre><div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">hoặc</span></div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><p class='post-footer-line post-footer-line-1'></pre><div style="font-family: Arial, Helvetica, sans-serif;">và ngay lập tức bên dưới nó chèn đoạn code sau :</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>    
<div id='related-posts'>     
<b:loop values='data:post.labels' var='label'>     
<b:if cond='data:label.isLast != &quot;true&quot;'>     
</b:if>     
<b:if cond='data:blog.pageType == &quot;item&quot;'>     
<script
 expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name
 + 
&quot;?alt=json-in-script&amp;callback=related_results_labels&quot;'
 type='text/javascript'/></b:if></b:loop><a 
href='http://namkna.blogspot.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html<a href="http://namkna.blogspot.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html" style="color: #006666; text-decoration: none;">'</a>><img
 style="border: 0" alt="Related Posts Widget for Blogger" 
src="http://image.bloggerplugins.org/blogger-widgets.png" 
/></a>     
<script type='text/javascript'>     
<span style="color: blue;"><b>var maxresults=5;        </b></span>removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);     
</script>     
</div>     
</b:if></pre><div style="font-family: Arial, Helvetica, sans-serif;">với <b>var maxresults=5;</b> là số bài viết sẽ hiển thị trong widget ( mặc định là 5 )</div><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: blue;">B. Style 2 : Related Posts Widget for Blogger with Thumbnails</span></b> <span style="color: blue;"><b></b></span>( <a href="http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">BloggerPlugins</a> )</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSLXrgqsmJXeywwSV-mAJwD21v1J4DBeasISDDaxXTBFvztU9DWSNRenVtqARhHmY2O_AhDO9gT4yNc3erWVoU8WGqRE_f4JmJC6faJ-i9YzCmSghz7oO2zzYeDBtN3dUXwpL_l9MXGtLn/s1600/related-posts-namkna-style2.jpg" imageanchor="1" style="color: #006666; text-decoration: none;"><img alt="Related Posts Widget for Blogger with Thumbnails ( BloggerPlugins ) - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSLXrgqsmJXeywwSV-mAJwD21v1J4DBeasISDDaxXTBFvztU9DWSNRenVtqARhHmY2O_AhDO9gT4yNc3erWVoU8WGqRE_f4JmJC6faJ-i9YzCmSghz7oO2zzYeDBtN3dUXwpL_l9MXGtLn/s400/related-posts-namkna-style2.jpg" style="border: 0px solid rgb(204, 204, 204); clear: both; max-width: 560px; min-width: 10px; padding: 4px 0px 0px;" title="Related Posts Widget for Blogger with Thumbnails ( BloggerPlugins ) - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" width="400" /></a></div><div style="text-align: justify;"><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif;">Nhìn vào đây nhiều bạn bảo mình đã giới thiệu rồi, nhưng nếu các bạn để ý kỹ bài mình giới thiệu lần trước Code khác với lần này. nếu muốn các bạn có thể xem bài đó <a href="http://namkna.blogspot.com/2011/05/tao-bai-viet-co-lien-quan-cho-blogspot.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"><b>TẠI ĐÂY</b></a></span></span></div><div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">1. Vào <b>Thiết kế</b> > <b>Chỉnh sửa HTML</b> > Tick chọn <b>Mở rộng mẫu tiện ích</b></span></div><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">2. Chèn đoạn code bên dưới vào phía trên thẻ đóng <b></head></b></span></div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>    
<style type="text/css">     
#related-posts {     
float:center;     
text-transform:none;     
height:100%;     
min-height:100%;     
padding-top:5px;     
padding-left:5px;     
}     
#related-posts h2{     
font-size: 1.6em;     
font-weight: bold;     
color: black;     
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;     
margin-bottom: 0.75em;     
margin-top: 0em;     
padding-top: 0em;     
}     
#related-posts a{     
color:black;     
}     
#related-posts a:hover{     
color:black;     
}     
#related-posts  a:hover {     
background-color:#d4eaf2;     
}     
</style>     
<script type='text/javascript'>     
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHybO73bVVvCLDSWcO6OAzkG1d0cawbKxrI4KfuUcBCDr1HfBZkCV1Run7pllmRwX9KxzJk6OARBEkEZ4KRvf_sh465CGSE_lcmmdxCk7ctYCNetkVcDkndh-lI9bCaCUg5G1Roz2QWDg/s400/noimage.png";     
var maxresults=<b><span style="color: red;">5</span></b>;     
var splittercolor="#d4eaf2";     
var relatedpoststitle="<b><span style="color: red;">Related Posts</span></b>";     
</script>     
<script
 
src='<a href="http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js</a>'
 type='text/javascript'/>     
</b:if></pre><div style="font-family: Arial, Helvetica, sans-serif;">3. Tìm trong Template của bạn đoạn code tương tự như bên dưới :</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><div class='post-footer-line post-footer-line-1'></pre><span style="font-family: Arial, Helvetica, sans-serif;">hoặc</span><br />
<pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><p class='post-footer-line post-footer-line-1'></pre><div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">và ngay lập tức bên dưới nó chèn đoạn code sau :</span></div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>    
<div id='related-posts'>     
<b:loop values='data:post.labels' var='label'>     
<b:if cond='data:label.isLast != &quot;true&quot;'>     
</b:if>     
<script
 expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name
 + 
&quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;'
 type='text/javascript'/></b:loop>     
<script type='text/javascript'>     
removeRelatedDuplicates_thumbs();     
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);     
</script>     
</div><div style='clear:both'/>     
</b:if>     
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>     
<a href='<a href="http://namkna.blogspot.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html" style="color: #006666; text-decoration: none;" target="_blank">http://namkna.blogspot.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html</a><a href="http://namkna.blogspot.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html" style="color: #006666; text-decoration: none;">'</a>><img
 style="border: 0" alt="Related Posts Widget For Blogger with 
Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" 
/></a><a href='<a href="http://namkna.blogspot.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html" style="color: #006666; text-decoration: none;" title="http://namkna.blogspot.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html">http://namkna.blogspot.com/</a><a href="http://bloggertemplates.bloggerplugins.org/%27" style="color: #006666; text-decoration: none;">'</a>
 ><img style="border: 0" alt="Kiến thức – Thủ thuật – Giải pháp 
công nghệ" src="http://image.bloggerplugins.org/blogger-templates.png" 
/></a>     
</b:if></b:if></pre><div style="font-family: Arial, Helvetica, sans-serif;"><b>lưu ý: Các bạn nên <a href="http://download778.mediafire.com/gz1f8btnp99g/2y1oeyvm4f3a47h/File+Js+-+Ti%E1%BB%87n+%C3%ADch+%E2%80%9CB%C3%A0i+vi%E1%BA%BFt+li%C3%AAn+quan%E2%80%9D+cho+Blogger+-+Style+2.rar" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">Download file JS</a> về máy <a href="http://download778.mediafire.com/gz1f8btnp99g/2y1oeyvm4f3a47h/File+Js+-+Ti%E1%BB%87n+%C3%ADch+%E2%80%9CB%C3%A0i+vi%E1%BA%BFt+li%C3%AAn+quan%E2%80%9D+cho+Blogger+-+Style+2.rar" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">TẠI ĐÂY</a> sau đó<a href="http://namkna.blogspot.com/2011/08/huong-dan-su-dung-google-code-e-chua.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"> UPload </a>lên<a href="http://namkna.blogspot.com/2011/08/huong-dan-su-dung-google-code-e-chua.html" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank"> Host</a> riêng</b><br />
4. Thay thế code màu đỏ theo ý bạn</div><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;">5. Save Template.</div><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: blue;">C. Style 3 : Related Posts by Categories</span></b> ( <a href="http://www.jackbook.com/blogger-hack-blogspot-hack-blogger-templates-customizing/related-posts-entries-on-blogger-blogspot" rel="nofollow" style="color: #006666; text-decoration: none;" target="_blank">Jackbook</a> )</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-j9T_MZfGAWO0GHN6g0x3mWDjch3NlyaCFFcAkyqrcJ17buIDc0fD_GvRM2eaj3KPHPubKpqkajDiPoxTKVmKUkgxfKlY5Bbu1P6Fkz7c8b4qmXAoPQp79jzre4NQtVkZtmg5dzkWemon/s1600/related-posts-namkna-style3.jpg" imageanchor="1" style="color: #006666; text-decoration: none;"><img alt="Related Posts Widget for Blogger with Thumbnails ( BloggerPlugins ) - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-j9T_MZfGAWO0GHN6g0x3mWDjch3NlyaCFFcAkyqrcJ17buIDc0fD_GvRM2eaj3KPHPubKpqkajDiPoxTKVmKUkgxfKlY5Bbu1P6Fkz7c8b4qmXAoPQp79jzre4NQtVkZtmg5dzkWemon/s400/related-posts-namkna-style3.jpg" style="border: 0px solid rgb(204, 204, 204); clear: both; max-width: 560px; min-width: 10px; padding: 4px 0px 0px;" title="Related Posts Widget for Blogger with Thumbnails ( BloggerPlugins ) - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" width="400" /></a></div><div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">1. Vào Thiết kế > Chỉnh sửa HTML > Tick chọn Mở rộng mẫu tiện ích</span></div><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">2. Tìm trong Template của bạn đoạn code sau :</span></div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><data:post.body/></pre><div style="font-family: Arial, Helvetica, sans-serif;">hoặc</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><p><data:post.body/></p></pre><div style="font-family: Arial, Helvetica, sans-serif;">và ngay sau nó chèn đoạn code bên dưới :</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><b:if cond='data:blog.pageType == "item"'>    
    <div class='similiar'>     
        <div class='widget-content'>     
        <h3><b><span style="color: red;">Related Posts by Categories</span></b></h3>     
        <div id='data2007'/><br/><br/>     
            <script type='text/javascript'>     
            var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;     
            var maxNumberOfPostsPerLabel = 4;     
            var maxNumberOfLabels = 10;     
            maxNumberOfPostsPerLabel = <b><span style="color: red;">10</span></b>;     
            maxNumberOfLabels =<b><span style="color: red;"> 3</span></b>;     
            function listEntries10(json) {     
              var ul = document.createElement(&#39;ul&#39;);     
              var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?     
                             json.feed.entry.length : maxNumberOfPostsPerLabel;     
              for (var i = 0; i &lt; maxPosts; i++) {     
                var entry = json.feed.entry[i];     
                var alturl;     
                for (var k = 0; k &lt; entry.link.length; k++) {     
                  if (entry.link[k].rel == &#39;alternate&#39;) {     
                    alturl = entry.link[k].href;     
                    break;     
                  }     
                }     
                var li = document.createElement(&#39;li&#39;);     
                var a = document.createElement(&#39;a&#39;);     
                a.href = alturl;     
                if(a.href!=location.href) {     
                    var txt = document.createTextNode(entry.title.$t);    
                    a.appendChild(txt);     
                    li.appendChild(a);     
                    ul.appendChild(li);    
                }     
              }     
              for (var l = 0; l &lt; json.feed.link.length; l++) {     
                if (json.feed.link[l].rel == &#39;alternate&#39;) {     
                  var raw = json.feed.link[l].href;     
                  var label = raw.substr(homeUrl3.length+13);     
                  var k;     
                  for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);     
                  var txt = document.createTextNode(label);     
                  var h = document.createElement(&#39;b&#39;);     
                  h.appendChild(txt);     
                  var div1 = document.createElement(&#39;div&#39;);     
                   div1.appendChild(h);     
                  div1.appendChild(ul);     
                  document.getElementById(&#39;data2007&#39;).appendChild(div1);     
                }     
              }     
            }     
            function search10(query, label) {     
            var script = document.createElement(&#39;script&#39;);     
            script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;     
             + label +     
            &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);     
            script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);     
            document.documentElement.firstChild.appendChild(script);     
            }     
            var labelArray = new Array();     
            var numLabel = 0;     
            <b:loop values='data:posts' var='post'>     
              <b:loop values='data:post.labels' var='label'>     
                textLabel = &quot;<data:label.name/>&quot;;     
                var test = 0;     
                for (var i = 0; i &lt; labelArray.length; i++)     
                if (labelArray[i] == textLabel) test = 1;     
                if (test == 0) {     
                   labelArray.push(textLabel);     
                   var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?     
                          labelArray.length : maxNumberOfLabels;     
                   if (numLabel &lt; maxLabels) {     
                      search10(homeUrl3, textLabel);     
                      numLabel++;     
                   }     
                }     
              </b:loop>     
            </b:loop>     
            </script>     
        </div>     
    </div>     
</b:if></pre><div style="font-family: Arial, Helvetica, sans-serif;">3. Thay đổi code màu đỏ theo ý bạn, trong đó :</div><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<ul style="font-family: Arial, Helvetica, sans-serif;"><li>maxNumberOfPostsPerLabel : số bài viết  tối đa được hiển thị theo mỗi Label</li>
<li>maxNumberOfLabels : số Label được hiển thị</li>
</ul><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: blue;">D. Style 4 : Related Posts v2.0 by Anhvo</span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUluRMGtO5g_LaZuoLTxtd6NtguV7zv8RDLs_Y4I8XXg7M0pMexfR3B1JhX6WgnAjE6TnskgzUerZPp40nsNWJYwx41qyFn4YLBps_m_K69LHqsOh9lmzVH0nSzmmzfLCi1vxmcRdxCvbM/s1600/related-posts-namkna-style4.jpg" imageanchor="1" style="color: #006666; text-decoration: none;"><img alt="Related Posts Widget for Blogger with Thumbnails ( BloggerPlugins ) - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUluRMGtO5g_LaZuoLTxtd6NtguV7zv8RDLs_Y4I8XXg7M0pMexfR3B1JhX6WgnAjE6TnskgzUerZPp40nsNWJYwx41qyFn4YLBps_m_K69LHqsOh9lmzVH0nSzmmzfLCi1vxmcRdxCvbM/s400/related-posts-namkna-style4.jpg" style="border: 0px solid rgb(204, 204, 204); clear: both; max-width: 560px; min-width: 10px; padding: 4px 0px 0px;" title="Related Posts Widget for Blogger with Thumbnails ( BloggerPlugins ) - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" width="370" /></a></div><div style="font-family: Arial, Helvetica, sans-serif;">1. Vào<b> Thiết kế</b> > <b>Chỉnh sửa HTML</b> > Tick chọn <b>Mở rộng mẫu tiện ích</b></div><div style="font-family: Arial, Helvetica, sans-serif;">2. Tìm trong Template đoạn code tương tự như sau :</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><div class='post-footer-line post-footer-line-3'/></pre><div style="font-family: Arial, Helvetica, sans-serif;">hoặc</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><div class='post-footer-line post-footer-line-2'/></pre><div style="font-family: Arial, Helvetica, sans-serif;">hoặc</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><div class='post-footer-line post-footer-line-1'/></pre><div style="font-family: Arial, Helvetica, sans-serif;">và chèn bên dưới nó đoạn code này :</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>    
<div
 id='post-labels-for-related' style='display:none'><b:if 
cond='data:post.labels'><b:loop values='data:post.labels' 
var='label'><data:label.name/><b:if cond='data:label.isLast 
!= 
&quot;true&quot;'>,</b:if></b:loop></b:if></div>
     
<div id='post-timestamp-for-related' style='display:none'><data:post.timestampISO8601/></div>     
<style type='text/css'>     
#related-posts-block {     
margin:10px 5px 0 -20px;     
font-size:12px;     
color:#999999;     
text-transform:none;     
}     
#related-posts-block #related-posts-loading-text{     
font-size:18px;     
color:#FF0033;     
text-align:center;     
}     
#related-posts-block #related-newest-href {     
margin:10px 5px;     
}     
#related-posts-block #related-newest-href ul{     
list-style-image:url(https://lh4.googleusercontent.com/_PAuO_he0N0k/TYQYg4JsTdI/AAAAAAAAEu4/qKWg2IDbuxo/arrow.gif<a href="http://i773.photobucket.com/albums/yy17/lethuan_ua/arrow.gif%29;" style="color: #006666; text-decoration: none;">);</a>     
}     
#related-posts-block #related-newest-href #related-newest-title {     
font-size:16px;     
margin:10px 5px     
}     
#related-posts-block #related-newest-href a{     
font-size:12px;     
font-family:Arial, Helvetica, sans-serif;     
color:#000000;     
}     
#related-posts-block #related-older-href {     
margin:10px 5px;     
}     
#related-posts-block #related-older-href ul{     
list-style-image:url(https://lh4.googleusercontent.com/_PAuO_he0N0k/TYQYg4JsTdI/AAAAAAAAEu4/qKWg2IDbuxo/arrow.gif<a href="http://i773.photobucket.com/albums/yy17/lethuan_ua/arrow.gif%29;" style="color: #006666; text-decoration: none;">);</a>     
}     
#related-posts-block #related-older-href #related-older-title {     
font-size:16px;     
margin:10px 5px     
}     
#related-posts-block #related-older-href a{     
font-size:12px;     
font-family:Arial, Helvetica, sans-serif;     
color:#000000;     
}     
</style>     
<div id='related-posts-block'>     
<div
 id='related-posts-loading-text'>Loading related posts... <img 
align='absmiddle' 
src='https://lh5.googleusercontent.com/_PAuO_he0N0k/TYQYgqqO3gI/AAAAAAAAEu0/mhdfPX_a784/25.gif<a href="http://i773.photobucket.com/albums/yy17/lethuan_ua/25.gif%27/" style="color: #006666; text-decoration: none;">'/</a>></div>     
<div id='related-newest-href'><div id='related-newest-title'/></div>     
<div id='related-older-href'><div id='related-older-title'/></div>     
</div>     
</b:if></pre><div style="font-family: Arial, Helvetica, sans-serif;">3. Chèn đoạn code bên dưới lên trước thẻ đóng<b> </body></b></div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>    
<script type='text/javascript'>     
//<![CDATA[     
var showdate = <b><span style="color: blue;">false</span></b>;     
var max_post = <b><span style="color: blue;">12</span></b>;     
//]]>     
</script>     
<script type='text/javascript'>     
//<![CDATA[     
// Related posts script for Blogger     
// version 2.0     
// (C) Anhvo     
// Homepage: vietwebguide.com     
// Please dont remove this copyright when using or redistributing this code     
function format(ptime){     
    return ptime.substr(0,19);     
}     
function formatdate(d){     
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];     
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];     
    var m = parseInt(d.substring(5,7),10);     
    for(var j=0; j<month.length;j++){     
        if(m==month[j]){     
            m = month2[j]; break;     
        }     
    }     
    return d.substring(8,10) + "-" + m + "-" + d.substring(0,4);     
}     
function getRelatedNewestLinks(json){     
    var entry = json.feed.entry;     
    if(entry){     
        for(var k=0;k<entry.length;k++){     
            var li = document.createElement("li");     
            if(showdate){     
               
 li.innerHTML = "<a 
href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>" + '
 - <i>' + formatdate(entry[k].published.$t) +'</i>';     
            }     
            else {     
                li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>";     
            }     
            if(!checkRelaxLinks("related-newest-href",entry[k].link[4].href)){     
                document.getElementById("related-newest-href-ul1").appendChild(li);     
               
 document.getElementById("related-newest-title").innerHTML = "<img 
src='https://lh4.googleusercontent.com/_PAuO_he0N0k/TYQYgvMFFLI/AAAAAAAAEuw/I2qzJMD2tHA/1.jpg<a href="http://i773.photobucket.com/albums/yy17/lethuan_ua/1.jpg%27" style="color: #006666; text-decoration: none;">'</a> width='347' height='21'>"     
            }     
        }     
    } else {     
        document.getElementById("related-older-title").innerHTML = "Không có bài nào mới hơn cùng chủ đề";     
    }     
}     
function getRelatedOlderLinks(json){     
    var entry = json.feed.entry;     
    if(entry){     
        for(var k=0;k<entry.length;k++){     
            var li = document.createElement("li");     
            if(showdate){     
               
 li.innerHTML = "<a 
href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>" + '
 - <i>' + formatdate(entry[k].published.$t) + '</i>';     
            }     
            else {     
                li.innerHTML = "<a href='"+entry[k].link[4].href+"'>"+entry[k].title.$t+"</a>";     
            }     
            if(!checkRelaxLinks("related-older-href",entry[k].link[4].href)){     
                document.getElementById("related-older-href-ul2").appendChild(li);     
               
 document.getElementById("related-older-title").innerHTML = "<img 
src='https://lh5.googleusercontent.com/_PAuO_he0N0k/TYQYgkneo2I/AAAAAAAAEus/ji_rqUm2S7E/2-1.jpg<a href="http://i773.photobucket.com/albums/yy17/lethuan_ua/2-1.jpg%27" style="color: #006666; text-decoration: none;">'</a> width='347' height='21'>"     
            }     
        }     
    } else {     
        document.getElementById("related-older-title").innerHTML = "Không có bài nào cũ hơn cùng chủ đề";     
    }     
        document.getElementById("related-posts-loading-text").style.display = "none";     
}     
function createRelatedJson(min_or_max,cRJ_label,fcn_callback,cRJ_max){     
    var script = document.createElement("script");     
   
 script.src = 
"/feeds/posts/summary/-/"+escape(cRJ_label)+"?orderby=published&max-results="+cRJ_max+"&published-"+min_or_max+"="+escape(format(document.getElementById("post-timestamp-for-related").innerHTML))+"&alt=json-in-script&callback="+fcn_callback;
     
    script.type = "text/javascript";     
    document.getElementsByTagName("head")[0].appendChild(script);     
}     
function checkRelaxLinks(cid,clink){     
    var check = false;     
    var u = document.getElementById(cid);     
    var a = u.getElementsByTagName("a");     
    for(var i=0;i<a.length;i++){     
        if(a[i].href==clink){     
            check = true;     
            break;     
        }     
    }     
    var url = location.href.split(".html")[0]+".html";     
    if(clink==url) check = true;     
    return check;     
}     
function createRP(){     
    var postLabel = document.getElementById("post-labels-for-related").innerHTML.split(',');     
    var max_ = Math.round(max_post/postLabel.length);     
    var ul1 = document.createElement('ul');     
    ul1.id = 'related-newest-href-ul1';     
    document.getElementById('related-newest-href').appendChild(ul1);     
    for(var i=0; i<postLabel.length;i++){     
         createRelatedJson("min",postLabel[i],"getRelatedNewestLinks",max_);     
    }     
    var ul2 = document.createElement('ul');     
    ul2.id = 'related-older-href-ul2';     
    document.getElementById('related-older-href').appendChild(ul2);     
    for(var j=0; j<postLabel.length;j++){     
         createRelatedJson("max",postLabel[j],"getRelatedOlderLinks",max_);     
    }     
}     
createRP();     
//]]>     
</script>     
</b:if></pre><div style="font-family: Arial, Helvetica, sans-serif;">Trong đoạn code trên :</div><ul style="font-family: Arial, Helvetica, sans-serif;"><li><div align="left">var showdate = <b><span style="color: blue;">false</span></b>; : nếu muốn hiện thị ngày đăng thì thay <b><span style="color: blue;">false</span></b> thành <b><span style="color: blue;">true</span></b></div></li>
<li><div align="left">var max_post = <b><span style="color: blue;">12</span></b>;<b><span style="color: blue;"> </span></b>: số bài viết tối đa hiển thị là 12 bài.</div></li>
</ul><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div align="left" style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: red;">* Update : </span></b>giới thiệu đến các bạn một style khác do Fandung bên phandung.blogspot.com phát triển với hiệu ứng hiển thị mô tả khi rê chuột.<br />
Lưu ý: Các bạn nên download các file ảnh về<a href="http://download405.mediafire.com/hqxu2piluzwg/785m6t6rmv552cw/File+JS+-+Ti%E1%BB%87n+%C3%ADch+%E2%80%9CB%C3%A0i+vi%E1%BA%BFt+li%C3%AAn+quan%E2%80%9D+cho+Blogger+-+Style+4.rar" style="color: #006666; text-decoration: none;"><b> TẠI ĐÂY</b></a> và upload lên host riêng của bạn</div><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: blue;">E. Style 5 : Related Posts with Description Effect</span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB9pQm34NPXkRwruKHxdZiKhxQIoU5ym5v2t6T19q8LWMi6e-7NW6z9fcDiOSQYJB2F3Cd6gqBdJ3JJ1syCpqIMEw3zAKfhTzDmD-bL19OAHRzzH_vR4thusZOCflbxfS87goJhzqHcNo_/s1600/Related-post-with-description-effect5.png" imageanchor="1" style="color: #006666; text-decoration: none;"><img alt="Related Posts with Description Effect - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" border="0" height="338" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB9pQm34NPXkRwruKHxdZiKhxQIoU5ym5v2t6T19q8LWMi6e-7NW6z9fcDiOSQYJB2F3Cd6gqBdJ3JJ1syCpqIMEw3zAKfhTzDmD-bL19OAHRzzH_vR4thusZOCflbxfS87goJhzqHcNo_/s400/Related-post-with-description-effect5.png" style="border: 0px solid rgb(204, 204, 204); clear: both; max-width: 560px; min-width: 10px; padding: 4px 0px 0px;" title="Related Posts with Description Effect - Tiện ích “Bài viết liên quan” cho Blogger by: http://namkna.blogspot.com/" width="400" /></a></div><div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">1. Vào <b>Thiết kế</b> > <b>Chỉnh sửa HTML</b> > Tick chọn <b>Mở rộng mẫu tiện ích</b></span></div><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif;"></span></span><br />
<div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;">2. Chèn đoạn code bên dưới vào trước thẻ đóng <b></head></b></span></div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><style type='text/css'>    
.mota-desc{     
position: relative;     
z-index: 0;     
text-decoration:none;     
}     
.mota-desc:hover{     
background-color: transparent;     
z-index: 50;     
}     
.mota-desc span{     
position: absolute;     
background-color: #ffffff;     
padding: 5px;     
left: -1000px;     
border: 1px solid #666;     
visibility: hidden;     
color: black;     
text-decoration: none;     
}     
.mota-desc span img{     
border-width: 0;     
padding: 2px;     
}     
.mota-desc:hover span{     
padding:5px;     
visibility: visible;     
top: 20px;     
left:70px;     
width:250px;     
background:#ddd;     
text-align: justify;     
}     
#related-posts {     
padding-top:40px;     
}     
#related-posts a {     
text-decoration : none;     
}     
#related-posts a:hover {     
text-decoration : none;     
}     
</style>     
<script language='JavaScript'>     
imgr = new Array();     
imgr[0] = &quot;http://farm4.static.flickr.com/3635/3638008086_87c5d93e22_o.gif&quot;;    
showRandomImg = true;     
<b>imgwidth</b> = 60;     
<b>imgheight</b> = 60;     
<b>fntsize</b> = 12;     
<b>acolor</b> = &quot;#555&quot;;     
aBold = true;     
<b>motacolor</b> = &quot;#f00&quot;;     
text = &quot;Nhận xét&quot;;     
showPostDate = true;     
<b>summaryPost</b> = 150;     
<b>summaryFontsize</b> = 12;     
<b>summaryColor</b> = &quot;#000&quot;;     
icon2 = &quot; &#187; &quot;;     
<b>numposts</b> = 5;     
<b>home_page</b> = &quot;<b style="color: blue;">http://namkna.blogspot.com/</b>&quot;;    
</script>     
<script type='text/javascript'>     
//<![CDATA[     
function removeHtmlTag(strx,chop){     
    var s = strx.split("<");     
    for(var i=0;i<s.length;i++){     
        if(s[i].indexOf(">")!=-1){     
            s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);     
        }     
    }     
    s =  s.join("");     
    s = s.substring(0,chop-1);     
    return s;     
}     
function showrelatedposts(json) {     
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;     
    img  = new Array();     
      for (var i = 0; i < numposts; i++) {     
        var entry = json.feed.entry[i];     
        var posttitle = entry.title.$t;     
        var pcm;     
        var posturl;     
        if (i == json.feed.entry.length) break;     
        for (var k = 0; k < entry.link.length; k++) {     
              if (entry.link[k].rel == 'alternate') {     
                posturl = entry.link[k].href;     
                break;     
              }     
        }     
        for (var k = 0; k < entry.link.length; k++) {     
              if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {     
                pcm = entry.link[k].title.split(" ")[0];     
                break;     
              }     
        }     
        if ("content" in entry) {     
              var postcontent = entry.content.$t;}     
        else     
        if ("summary" in entry) {     
              var postcontent = entry.summary.$t;}     
        else var postcontent = "";     
        postdate = entry.published.$t;     
    if(j>imgr.length-1) j=0;     
    img[i] = imgr[j];     
   
 s = postcontent    ; a = s.indexOf("<img"); b = 
s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
     
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;     
    cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';     
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];     
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];     
    var day = postdate.split("-")[2].substring(0,2);     
    var m = postdate.split("-")[1];     
    var y = postdate.split("-")[0];     
    for(var u2=0;u2<month.length;u2++){     
        if(parseInt(m)==month[u2]) {     
            m = month2[u2] ; break;     
        }     
    }     
   
 var daystr = (showPostDate) ? '<i><font color="'+acolor+'">
 - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";     
posttitle = (aBold) ? "<b>"+posttitle+"</b>" : posttitle;     
   
 var trtd = '<img 
src="http://farm3.static.flickr.com/2426/3638176588_31366a6822_o.gif"/>
 <a class="mota-desc" href="'+posturl+'" style="color:'+acolor+'; 
font-size:'+fntsize+'px;">'+posttitle+'<span><div 
style="color:'+motacolor+';">'+posttitle+' </div>'+cmtext+ ' ' +
 daystr + ' <br/><img src="'+img[i]+'" style="float:left; 
border: #ccc 1px solid; padding:2px; margin-right:4px;" 
width="'+imgwidth+'" 
height="'+imgheight+'"/>'+icon2+removeHtmlTag(postcontent,summaryPost)+'...</span></a>
 <br/>';     
    document.write(trtd);     
    j++;     
}     
}     
//]]>     
</script></pre><div align="left" style="font-family: Arial, Helvetica, sans-serif;">Trong đoạn code trên :</div><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<ul style="font-family: Arial, Helvetica, sans-serif;"><li><div align="left"><b>imgwidth = 60; </b>, imgheight = 60; : kích thước ảnh thumbnail sẽ hiển thị trong phần mô tả</div></li>
<li><b>fntsize = 12; </b>: size chữ của tiêu đề bài viết</li>
<li><b>acolor = "#555";</b> : màu của tiêu đề bài viết</li>
<li><b>motacolor = "#f00";</b> : màu của tiêu đề bài viết trong phần mô tả</li>
<li><b>summaryPost = 150; </b>: số kí tự hiển thị trong phần mô tả bài viết</li>
<li><b>summaryFontsize = 12;</b> : size chữ của phần mô tả</li>
<li><b>summaryColor = "#000";</b> : màu chữ của phần mô tả</li>
<li><b>numposts = 5; </b>: số bài viết sẽ hiển thị trong list các bài liên quan của mỗi nhãn. Chú ý: giá trị này phải chỉnh bằng với giá trị max-results=5 ở bước 3.</li>
<li>home_page = "<b style="color: blue;">http://namkna.blogspot.com/</b>"; : thay bằng địa chỉ URL của blog bạn</li>
</ul><span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div align="left" style="font-family: Arial, Helvetica, sans-serif;">3. Tìm trong template dòng code sau :</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><data:post.body/></pre><div style="font-family: Arial, Helvetica, sans-serif;">và ngay sau nó chèn đoạn code bên dưới :</div><pre style="background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivK44u4bIjgeL6z0Sf_yQELXAYKIMgb4mi6xcnuv33C3jNc5OXD9843RLO6BHUoh6wr6ka4ZzQnXqGobPpYWoSu4h_Yvn9wTJwDCcnzfwnQyHY64BzvxBbLim-xCRyNYaXv4mixiPCyqc/s1600/code-khung-bai-viet.jpg); background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 0px; border: 1px solid rgb(153, 204, 102); color: #666666; font-family: 'Courier New', Fixed, monospace; line-height: 17px; margin-bottom: 1em; margin-top: 1em; max-height: 250px; min-height: 20px; overflow: auto; padding: 0px 20px 0px 30px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>    
<div id='related-posts'>     
<font face='Arial' size='3'><b><b>Bài viết liên quan :</b> </b></font><br/>     
<b:loop values='data:post.labels' var='label'><b><b>Nhãn :</b> </b><font color='#FF0000'><data:label.name/></font><br/>     
<b:if cond='data:blog.pageType == &quot;item&quot;'>     
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?<b>max-results=5</b>&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrelatedposts&quot;'
 type='text/javascript'/>     
</b:if>     
</b:loop>     
</div>     
</b:if></pre><div style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: x-small;"><b>Chúc các bạn thành công !</b></span></div></div>

Tiện ích “Bài viết liên quan” cho Blogger.

Fairstar | 26-07-2011 | nhận xét (4) Một phương pháp tương đối dễ dàng để tăng số lượng Page Views trên blog của bạn là thêm một danh s...