you ever see related article on the blog or on the web others? sure you've seen her ...
Well I will explain the benefits of these functions related articles. by adding a related article, you will allow your visitors to read articles which are located strategically to the reading, in addition to related articles function can improve the quality of our SEO blog on google and yahoo

make sure you are not interested in this gadget-related article, let us direct to make in your blog using the steps below

• The first step: log in to blogspot.com
• step two: select Edit HTML
• step three: Backup Template Blog template modifications in anticipation of failure
• step four: Do not forget to check "Expand widget templates"
• into five steps: Enter the Cascading Stye Sheet (CSS) as below:
  Find the code below:

]]></b:skin>

Copy Paste (CoPas) by precise code below:

<br />#related-posts {<br />float : left;<br />width : 540px;<br />margin-top:20px;<br />margin-left : 5px;<br />margin-bottom:20px;<br />font : 11px Verdana;<br />margin-bottom:10px;<br />}<br />#related-posts .widget {<br />list-style-type : none;<br />margin : 5px 0 5px 0;<br />padding : 0;<br />}<br />#related-posts .widget h2, #related-posts h2 {<br />color : #940f04;<br />font-size : 20px;<br />font-weight : normal;<br />margin : 5px 7px 0;<br />padding : 0 0 5px;<br />}<br />#related-posts a {<br />color : #054474;<br />font-size : 11px;<br />text-decoration : none;<br />}<br />#related-posts a:hover {<br />color : #054474;<br />text-decoration : none;<br />}<br />#related-posts ul {<br />border : medium none;<br />margin : 10px;<br />padding : 0;<br />}<br />#related-posts ul li {<br />display : block;<br />background : url("http://dedehendriono.googlepages.com/weed-bullet.gif") no-repeat 0 0;<br />margin : 0;<br />padding-top : 0;<br />padding-right : 0;<br />padding-bottom : 1px;<br />padding-left : 16px;<br />margin-bottom : 5px;<br />line-height : 2em;<br />border-bottom:1px dotted #cccccc;<br />}<br />

• Step 6
  We recommend that you first save the template to prevent the error template
• Step 7
  Find the code below:

</head>

• Step 8
  Enter the below link right above the step 7:

<br /><script src="'http://resa-barker.googlecode.com/files/artikelterkait.js'" type="'text/javascript'/">

• Step 9
  Find the code below:

<data:post.body/>

• Step 10
  Enter the following code just below step 9:

<br /><b:if cond="'data:blog.pageType"><br /><div id="related-posts"><br /><span style="font-family:'Arial';font-size:'3';"><b>Artikel Terkait : </b></span><br /><span style="color:'#FFFFFF';"><br /><b:loop values="'data:post.labels'" var="'label'"><br /><data:label.name/><br /><b:if cond="'data:label.isLast">,</b:if><br /><b:if cond="'data:blog.pageType"><br /><script src="'" alt="json-in-script&callback=" results="5" type="'text/javascript'/"><br /></b:if><br /></b:loop><br /></span><br /><script type="'text/javascript'"><br />removeRelatedDuplicates();<br />printRelatedLabels();<br /></script><br /></div><br /></b:if><br />

• Step 11
  Save it and preview blog templates

Description:
Please change the CSS code in conformity with the desire.
Note Step 10, change the name of "Related Articles" at will and change the value of 5 to determine the number of related articles which will be shown, if set then the value will appear only five articles from each category.
Overall view of all the steps above:

Related Post : tips-n-trick