Tạo bài viết củng một Nhãn trong Blogspot

Bạn muốn một tiện ích như hình sau mỗi bài viết Hiển thị link các bài viết liên quan kèm theo ảnh mô tả ở ngay dưới bài đăng sẽ giúp gia tă...

Bạn muốn một tiện ích như hình sau mỗi bài viết

related_posts_with_thumbnail

Hiển thị link các bài viết liên quan kèm theo ảnh mô tả ở ngay dưới bài đăng sẽ giúp gia tăng page views của blog bạn. Người đọc sẽ dễ dàng tiếp cận với các bài viết cùng chủ đề, hay nói cách khác, tiện ích này sẽ khiến blog của bạn trông pro hơn.

Sau đây là các bước cài đặt :
1. Đăng nhập vào Blogger , vào Bố cục -> chỉnh sửa HTML, click chọn mục Mở rộng mẫu tiện ích.
2. Tìm dòng </head> rồi chèn đoạn code sau vào ngay phía trên nó :
<!--Related Posts with thumbnails Scripts and Styles Start-->
<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 src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


3. Tiếp tục tìm đến dòng :

<div class='post-footer-line post-footer-line-1'>

hoặc (tùy vào mỗi template)

<p class='post-footer-line post-footer-line-1'>

Ngay sau dòng trên ta chèn tiếp đoạn code này :
<!-- Related Posts with Thumbnails Code Start-->
<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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

4. Bạn có thể điều chỉnh số bài liên quan bằng cách sửa lại giá trị : 

var maxresults=5;

Để thay đổi màu chữ thì bạn sửa lại phần code CSS.

COMMENTS

Name

Banner,2,Code,8,CSS,2,DNS cho Blogger,6,Favicon,1,HTML,6,JavaScript,2,Kiếm tiền với Youtube,1,Labels,1,Mật khẩu cho bài đăng,1,Nhãn,1,Search Google,1,Template Blogger,1,theme blogger,1,Thủ thuật Blogger,45,Thủ thuật Youtube,2,Tiệc ích Password,3,Tiện ích,9,Tiện ích bài viết liên quan,2,Trang,1,Wifi,1,Xóa bản quyền,1,
ltr
item
Khám Phá Blogger: Tạo bài viết củng một Nhãn trong Blogspot
Tạo bài viết củng một Nhãn trong Blogspot
http://lh3.ggpht.com/_rVQLxDFDz0A/S1xzyXFFpjI/AAAAAAAADJU/3kMtxr3UH8U/related-post.jpg
http://lh3.ggpht.com/_rVQLxDFDz0A/S1xzyXFFpjI/AAAAAAAADJU/3kMtxr3UH8U/s72-c/related-post.jpg
Khám Phá Blogger
https://blogger.affimart.com/2012/05/tao-bai-viet-cung-mot-nhan-trong.html
https://blogger.affimart.com/
http://blogger.affimart.com/
http://blogger.affimart.com/2012/05/tao-bai-viet-cung-mot-nhan-trong.html
true
4203661997903332293
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy