Related post :

Maybe you've heard of "Related Posts". You know, the titles of postings that appear on each end of the post title we are reading.

For those who do not understand how to do it all, this time I wanted to share with you how to provide related post at each end of the tip posting titles that are seen.

For The Steps :
1. Check mark in the "Expand Widget Templates"
2. Then find the following sentence,

<p><data:post.body/></p>

3. Then place the following code below the last sentence,

<br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><H2>Artikel Terkait:</H2><br /><DIV class='rbbox'><br /><DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'><br /><DIV id='albri'/><br /><SCRIPT type='text/javascript'><br />var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br />var maxNumberOfPostsPerLabel = 4;<br />var maxNumberOfLabels = 10;<br />maxNumberOfPostsPerLabel = 100;<br />maxNumberOfLabels = 3;<br />function listEntries10(json) {<br />var ul = document.createElement(&#39;ul&#39;);<br />var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?<br />json.feed.entry.length : maxNumberOfPostsPerLabel;<br />for (var i = 0; i &lt; maxPosts; i++) {<br />var entry = json.feed.entry[i];<br />var alturl;<br />for (var k = 0; k &lt; entry.link.length; k++) {<br />if (entry.link[k].rel == &#39;alternate&#39;) {<br />alturl = entry.link[k].href;<br />break;<br />}<br />}<br />var li = document.createElement(&#39;li&#39;);<br />var a = document.createElement(&#39;a&#39;);<br />a.href = alturl;<br />if(a.href!=location.href) {<br />var txt = document.createTextNode(entry.title.$t);<br />a.appendChild(txt);<br />li.appendChild(a);<br />ul.appendChild(li);<br />}<br />}<br />for (var l = 0; l &lt; json.feed.link.length; l++) {<br />if (json.feed.link[l].rel == &#39;alternate&#39;) {<br />var raw = json.feed.link[l].href;<br />var label = raw.substr(homeUrl3.length+13);<br />var k;<br />for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);<br />var txt = document.createTextNode(label);<br />var h = document.createElement(&#39;b&#39;);<br />h.appendChild(txt);<br />var div1 = document.createElement(&#39;div&#39;);<br />div1.appendChild(h);<br />div1.appendChild(ul);<br />document.getElementById(&#39;albri&#39;).appendChild(div1);<br />}<br />}<br />}<br />function search10(query, label) {<br />var script = document.createElement(&#39;script&#39;);<br />script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;<br />+ label +<br />&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);<br />script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);<br />document.documentElement.firstChild.appendChild(script);<br />}<br />var labelArray = new Array();<br />var numLabel = 0;<br /><b:loop values='data:posts' var='post'><br /><b:loop values='data:post.labels' var='label'><br />textLabel = &quot;<data:label.name/>&quot;;<br />var test = 0;<br />for (var i = 0; i &lt; labelArray.length; i++)<br />if (labelArray[i] == textLabel) test = 1;<br />if (test == 0) {<br />labelArray.push(textLabel);<br />var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?<br />labelArray.length : maxNumberOfLabels;<br />if (numLabel &lt; maxLabels) {<br />search10(homeUrl3, textLabel);<br />numLabel++;<br />}<br />}<br /></b:loop><br /></b:loop><br /></SCRIPT><br /></DIV><br /><script type="text/javascript">RelPost();</script><br /></DIV><br /></b:if><br />

4. Then find this code ]]></b:skin>
5. Last, written below code, the code above was

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

Hoppelly helpful, hehe :D