How to Make Related Post in Lower Post

No need to linger longer, go see below. (Again I mentioned, if your blog template is already present Related Post, just ignore it). Just sharing only for comrades.

How to Make Related Post in Lower Post
1. Open up your blogger account with calm and peace.
2. Select the Element Templates. Then select Edit HTML, do not forget to check Expand Widget Templates == <<< edit html old way .... skip this step / direct done step No. 3 well ... (update)
3. Find the code </ head> (Use Ctrl + F to facilitate the search), once you find it, put the javascript code below (copy) just above the </ head> earlier (Paste)

     <style> # related-posts {float: left; width: 540px; 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/AVvXsEjTxjun2WzRFXtRsWkp9Qie6N3hJ4B9czN0hzrfNdSnGCpbyKblzUW6OidFB8KjKacV9cHY70OV5k-tZ5uyxc6X6SvPIbMGdRzRRxwsLoasYByB4xcmpb-NZQgDcNaH8QXdfKH0a4V7tO8/") 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: //yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type = 'text / javascript' />


4. No. 3 above furthermore if it means you have done, then search again the following code: <data: post.body />, It is not meet that code, if you have found, again put the code below (copy) right under the code <Data: post.body /> (paste)

     <br/> <br/> <b: if cond = 'data: the 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: the label.isLast! = & quot; true & quot;'>, </ b: if> <b: if cond = 'data: the 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>


5. When finished, then save the template of your blog.
6. See the results look like.

Note:
<Data: post.body /> maybe you will find many, select just one, not anything you try really important you understand.

Ok, so the tutorial on How to Make Related Post This post Under. Good luck. Send Regards For Success.