Stylish Related Posts Widget (Liên Hệ) Thumbnail cho Blogger

• Sign into your Blogger account
• Go template
• Download the Bach up your template, as a precaution if you make any mistake in editing template then you’ll recover from backup.
• Click the Edit HTML tab and search </ head>
• Now click on below “view code” button. Copy the code from appearing pop-up window and paste the just above the </ head> tag.

View Code

• After the adding above code, then scroll down and search <div class='post-footer'>Paste the below code just above it.

<!-- 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=&quot;Related Posts&quot;;
 removeRelatedDuplicates_thumbs();
 printRelatedLabels_thumbs();
 </script>
 </div><div style='clear:both'/>
 </b:if>
 <!-- Related Posts with Thumbnails Code End-->

Customization

 maxresults = 5 ; to change the number of related posts.

” Related Posts “; to change the title of this widget.

Save the template and check the results.

Hopefully, it will be working in  the blog.  However, if you are facing any trouble about the adding related posts widget, then share with us in the comment section.