Blogger Creative

Now I will discuss Little About Related Post and the like where to put it on the blog .. we first must understand what is meant by Related Post and what the benefits to the blog ..?

Ok .. I will answer ..
The definition of related Post-post Postings that are present in your blog .. or often referred to related posts .. . usefulness is .. By installing this related post widget .. the reader who comes to your blog is not already-difficult to find a way to flick through the titles of your posts .. after the related posts widget is installed automatically the titles of your other posts will appear just below each of the articles you post ..

Well that much I might have enough of an explanation ..

The first step .. as usual we will edit the HTML template.

who Surely you must first Log Blog "is sure .. :)"

select select Design ===> Edit HTML

as usual do not forget to Check the Expand Widget Templates

Find Code: </head>

After the meet, put this script under the following Code: </head>

<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/AVvXsEjmqalab9JPxKLXu-85nIp5Jh38uDSiLOYaioCECSVMXq4Ut0ND826RNGpchyEuPLv49mSXrwBJruLcERgDgozXEPPvGHT9T1vu2OSXFhyphenhyphenrY98Mbf5ChWU88cH5OxEiP2m9HvwUYCOac-s/") 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://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

Then, find the Code <data:post.body/> or <div class='post-body> or <data:post.body/>

Then paste the following code 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>

Once finished you sure ... Then SAVE.

View results and Now ... :)