[Blogspot] - Bài viết liên quan với ảnh thumbnails cho blogspot

Related Posts Widget for Blogger with Thumbnails

Bài viết liên quan với ảnh thumbnails cho blogspot

1. Vào Thiết kế > Chỉnh sửa HTML > Tick chọn Mở rộng mẫu tiện ích

2. Chèn đoạn code bên dưới vào phía trên thẻ đóng </head>

<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/AVvXsEhNSBumHey9354dNg-eSMcAfHs186vID7Lh1BYOmNVzMgdStgty0zzjWkdMnYQaOXhVt4K3n9xwbcaiN-imAEnIBbMQL8IXtxKTDZ9r2-fwvF8hQGAlY_SOnn6HZPdX7iZDUwRZcXlEl4o/s400/noimage.png";    
var maxresults=5;    
var splittercolor="#d4eaf2";    
var relatedpoststitle="Related Posts";    
</script>    
<script

src='http://dl.dropbox.com/u/66256041/lien-quan/namkna-blogspot/related_posts_with_thumbnails_min.js'
 type='text/javascript'/>    
</b:if>

3. Tìm trong Template của bạn đoạn code tương tự như bên dưới :

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

hoặc

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

và ngay lập tức bên dưới nó chèn đoạn code sau :

<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'>        
</b:if></b:if> 

4. Thay thế code màu đỏ theo ý bạn

5. Save Template.

Nguồn: http://www.terocket.com/2011/07/tien-ich-bai-viet-lien-quan-cho-blogger.html