Membuat Related Post / Artikel Terkait Tanpa Thumbnail

Sekarang saya akan share cara membuat related post tanpa thumbnail, dan menurut saya cara ini sangat efisien untuk membuat betah pengunjung dan meningkatkan SEO pula, karena pengunjung nantinya bakal melihat banyak artikel - artikel di blog kita. Ok sob, langsung saja disimak langkah - langkah nya.

1. Login ke Blogger.

2. Masuk ke Template > Edit HTML, centang Expand Widget Template.

3. Cari kode <data:post.body/> kalau sulit tekan F3 atau CTRL + F.

4. Masukan kode dibawah ini tepat di BAWAH kode <data:post.body/>.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Baca Juga Yang Ini Ya</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:300px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; 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;ardi33&#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> <script type='text/javascript'>RelPost();</script><div class='ycdr' style='font-family: arial, sans-serif; font-size: 9px;'><a href='' target='_blank' title=''/> <a href='http://kumpulan-informasi-unik.blogspot.com/' target='_blank'/></div></div>  </div> </b:if>


5. Prantinjau dahulu takut ada yang error, kalau sudah tinggal di simpan

Keterangan :
- Perlu diketahui, kode <data:post.body/> tidak hanya satu tapi ada beberapa, Biasanya skrip ini ditaruh setelah Read More.

- Kode yang berwarna Merah silahkan kalian ganti sesuai selera.

- Kode yang berwarna Biru adalah jumlah artikel dan label yang akan muncul.

- Kode yang berwarna Orange adalah ukuran tingginya.

Dibawah ini adalah contoh Related Post nya :

Oke semoga pembuatan Related Post / Artikel Terkait Di Blog nya berhasil. Salam Blogger ^_^


Source : http://ariflaw.blogspot.com/2012/08/cara-membuat-artikel-terkait-dibawah.html