Cara Memasang Widget Artikel Terkait Simpel Dibawah Postingan

Cara Memasang Widget Artikel Terkait Simpel Dibawah Postingan. Pada post yang satu ini, saya akan posting sebuah artikel tentang tutorial blog yaitu membuat widget artikel terkait atau related post. Terbukti banyak blog yang telah menggunakan widget ini. Karena, dapat membuat pengunjung blog berlama lama di blog kita. Lalu, apa kegunaan artikel terkait simpel ini selain itu? Yaitu dapat menambah variasi kata kunci pada blog anda. Jadi, widget ini dapat membantu optimasi seo juga.

Langsung saja saya berikan tutorial lengkap untuk Cara Memasang Widget Artikel Terkait Simpel Dibawah Postingan dibawah ini.

Cara Memasang Widget Artikel Terkait Simpel Dibawah Postingan

1. Login ke blogger
2. Pilih Blog, lalu masuk ke template
3. Klik Edit HTML
4. Cari kode  <data:post.body/> 
5. Copy html dibawah ini, lalu paste di bawah kode tersebut

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Artikel Terkait</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://r5z.blogspot.com/' target='_blank'/></div></div>  </div> </b:if>

Keterangan:

• Kode <data:post.body/> ada 3 atau lebih dalam template kita. Letakkan kode diatas dibawah kode <data:post.body/> yang ke 3.
• Ganti tulisan "Artikel Terkait" dengan judul widget yang anda inginkan
• Ganti angka 300px dengan tinggi yang sesuai dengan blog anda
• Ganti 100 dengan jumlah post terkait yang ingin ditampilkan

Seperti judul post ini, widget artikel terkait memiliki tampilan yang simpel atau sederhana. Jadi tidak membuat blog kita berat. Apabila terlalu polos, anda bisa kok menambah beberapa sentuhan CSS supaya tambah menarik.

Sekian postingan dari Info Terbaru dan Tutorial Blog yang berjudul Cara Memasang Widget Artikel Terkait Simpel Dibawah Postingan, semoga dapat berguna untuk anda yang lagi senang senangnya mengedit blog.