How to Create Related Posts Widget V2

# Related-posts { float: left; width: 250px; margin-left: 5px; font-size: 12px; line-height: 1.8em; margin-bottom: 10px; } # related-posts a { color: # 4b4b4b; } 
# related-posts a: hover { color: # ca1717; } 
# related-posts. widgets { list-style-type: none; margin: 0 5px 5px 0;padding: 0; } # related-posts. widgets 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 { margin: 10px 5px 5px 20px; padding: 0; }

5. Then look up </ head>

6. Put the code javascript follows thereon 

<Script src = 'http://hbhost.googlecode.com/files/Related-posts.js' type =' text / javascript '/>

7. Then find <p> <data:post.body/> </ p> or <data:post.body/>

8. If there are two codes are the same, choose the first 9. Put the code follows below

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<div style='font-size:18px'> <b> Related Posts: </ b > </ div>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'/>
<b: if cond = 'data: <b:if == "item"'>
<script expr: src = '"/ feeds/posts/default/- /" + data: label.name + "? alt = json-in-script & callback = related_results_labels & max-results = 5"'type =' text / javascript '/> </ b: if>
</ b: loop>
<script type = 'text / javascript '> removeRelatedDuplicates (): printRelatedLabels ();
</ script>
</ div>
</ b: if>

Description:
The text in bold is the title of the widget and the number 5 is the number of posts that Appear in the related posts. Please replace as Desired 10. If it is, save your template and see the results. If it works do not forget to push the button like below