Cara Membuat Related Post di Blogger

Cara Membuat Related Post di Blogger - Selamat malam sobat raseco. Ingin membuat related post di blogger sobat? nah jika jawabannya adalah "Ya", maka sudah tepat sobat membaca posting berikut. Apa sih related post? related post adalah posting yang berkaitan dengan posting sobat yang telah ditampilkan. Mungkin kalau panjang lebar agak susah nangkapnya ya sob? begini aja deh, sobat lihat aja di bagian blog ane ini di bawah kotak admin ada tulisan related to **** nah itu dia yang dimaksudkan dengan related post. Mau tahu bagaimana cara membuat related post di blogger? begini caranya:

1. Login ke akun blogger sobat
2. Masuk ke menu Design-->Edit HTML, jangan lupa centrang Expand Widget Templates
3. Cari kode <p><data:post.body/></p> (tekan Control+F untuk mencari)
4. Copy-paste kode berikut tepat di bawah kode <p><data:post.body/></p>



<div style='-moz-border-radius: 5px 5px 5px 5px;border: 1px solid rgb(238, 238, 238);padding: 3px; overflow: auto; width: 470px; height: 300px;background-color: #F5F5F5'>

<h2 class='related-to'>Related to <data:post.title/> : </h2><br/>
<div class='similiar'>
<div class='widget-content'>
<div id='data2007'/>

<script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;data2007&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> </div> </div>

5. Simpan template sobat untuk melihat hasilnya