How to Make Related Post on Blogspot Automatically

How to Make Auto Blogs Related Post - You know the related postkan? Related Articles Related Post or post or article is related to another article based on similarity to the category name or label post, but the article is not always the same topic, can also talks about other things, but it still has relevance to the purpose of the article


Well for those of you who want to make Related Post you can see below:

   1. Log in to your Blogger account
   2. Click the menu template
   3. Then tick the Expand Widget Templates
   4. Then find this code </ head>
   5. If you've found the code </ head> then copy and paste the code below and place it on the code
</ head>


<style> #related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyzUXNTJs9YSNueHd9Zofj2PI3ELKd3j2MtLEG0l7tFDznIUdWkDPsP9Xsn3bx_Pe_8d99KdGGRyOw07DrWFpeWf7UUHq1fmLs3G2XWbSXwNRxmPf_RpFy36UUHMNz-Sk4qnuSfUIC4wgG/s1600/rss.png ") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://alfadlys.googlecode.com/files/related-post.js' type='text/javascript'/>

6 search again <data:post.body/> code then copy the code below, place it just below

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

7. Save and see the results !!!

Loading....