How To Add Related Posts widget V2 in Blogger

Click Below Ad for Leaning Blogging Tricks.

Next Blogger Tricks

Now in Previous post i can share How to Restore permanently Deleted blogger Posts this is very useful post please read this now today i am gong to share how to add related post version 2 in blogger/blogspot this widget are very important for bloggers this also help in increase traffic of your blog this widget are very cool and clean and easy to install.This widget Very simple steps to install this widget designes by softwayrko.blogspot.com, so all credits of this widget goes to softwayrko.blogspot.com
To add this widget follow this simple and easy steps.
How To Add Related Posts widget V2 in Blogger:-

• Go to Blogger dashboard>>Template>>Edit HTML
• Now find this </head> using (Ctrl+F)
• Copy the following code before </head>

 <!--Related Posts with thumbnails www.softwayrko.blogspot.com Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #EEEEEE;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; }
#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px;}
#related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' />
<!-- remove --></b:if>
<!--Related Posts with thumbnails www.softwayrko.blogspot.com End-->

• Now find this code <div class='post-footer'>
• Paste the following code before <div class='post-footer'>

 <!-- Related Posts with thumbnails www.softwayrko.blogspot.com 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=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://softwayrko.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlzQcXVtH9jcTn4Do_Op9SKhUU7ZRF-G8N84leckuopYopmM-jM-xFAQpYlr700cJ2BqmZkhV6N96QYqTsoDY524lFH20HwL-ZHrEO-RhYq9DUxAe2rIDGWVY38eT_JeKV0am2Ognh6IDF/s1600/best+blogger+tips.png'/></a>
</b:if></b:if><!-- Related Posts with thumbnails www.softwayrko.blogspot.com Code End-->

• Finished Enjoy!

 Final Words
If you want to face some problems during this process Write your problem in comment
Please share this article with your friends