Membuat related post keren

Hiii sahabat kali ini kita akan sharing tentang membuat related post dengan fungsi scroll seperti apa jadinya penasaran yuk sharing sekarang juga
yang harus sobat lakukan adalah:

1.Login ke blogger dengan id anda


2.Tuju TataLetak


3.Pada tab menu, pilih Edit HTML


4.Centang kotak kecil Expand Template Widget

Kemudian cari kode berikut <p><data:post.body/></p>
letakan kode ini tepat dibawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <H2>Related Post:</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 = 50;<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 />  


kemudiancari kode berikut

]]></b:skin> dan letakan kode berikut tepat dibawahnya

/*-- modifikasi related posts oleh http://gold-tutorial.blogspot.com--*/<br /> .rbbox{border: 1px solid #D8D8D8;padding: 5px;<br /> background-color: #E0F8E0;-moz-border-radius:5px; margin:5px;}<br /> .rbbox:hover{background-color: #EFFBEF;}<br /> <br />

Lalu simpan tamplate... dan lihat perubahanya gimana ok kn..