Tuesday, December 29, 2009

Put Related Post by Label with Thumbnail





#Step 1: Sign in to blogger using your blog ID.

#Step 2: Go to your Layout page and choose Edit HTML.










#Step 3: You must backup your template by clicking at the Download Full Templates.

#Step 4: To start editing your Templates, you must tick at the Expand Widget Templates.

#Step 5: Fing this </head> tag.

#Step 6: Paste this code before the </head> tag:




#Step 7: Find this code line:

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

#Step 8: Paste this code after that code line:

<!-- 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><a href='#'>Related Posts with thumbnails for blogger</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;Related Posts&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->



#Step 9: Save the template and Done!

Please leave your comment or suggestions...

1 comments:

Ipin's cool on January 8, 2010 at 8:42 PM said...

Salam sobat
Related post in slidebar sipp & mantap
oke take this and saving.

Post a Comment

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template