Cara Membuat Related Post Di Blogger

Cara Membuat Related Post Di Blogger | Apakah anda tau apa itu related post? Related Post adalah kumpulan dari artikel terkait atau posting yang terkait yang sangat besar manfaatnya untuk blog anda, terlebih untuk para pengunjung blog anda karena artikel yang bersangkutan dengan apa yang pengunjung baca ada pada menu Related Post, Biasanya untuk penempatan artikel terkait atau related post ditempatkan di bagian bawah artikel supaya para pengunjung tau artikel yang sama tema atau pokok materinya ada di bawah.

Misal artikel yang sedang dibaca pengunjung itu  berjudul "Cara Mempercepat Loading Blog" yang diberi Label "Optimasi Blogger", maka secara otomatis setelah terpasangnya menu related post akan menampilkan artikel-artikel yang lainnya tentang Optimasi Blogger.

Contoh Tampilan Releated Post atau Posting Terkait bisa anda lihat pada bagian bawah artikel ini. Nah jadi Bagaimana Sih Cara Membuatnya? Mari kita buat.

Anda harus login dan masuk ke dashbord blogspot.

Masuk ke Edit HTML di menu Rancangan.

Backup template anda untuk jaga-jaga kalau nanti ada kesalahan.

Beri tanda centang pada Expand Widget Template.

Letakan script berikut di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='similiar'> <div class='widget-content'> <h3>Related Posts by Categories</h3> <div id='data2007'/> <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;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> </b:if>

Setelah itu Klik Simpan

Perhatian :

1. Jikalau anda sudah menambahkan  "Readmore Otomatis maka kamu harus menempatkan script releated post tersebut di bawah kode :
   <data:post.body/>
   </b:if>
2. Untuk menambah keindahan jika anda memasang iklan di bawah postingan maka tempatkan script releated post tersebut dibawah kode iklan.

tag : Cara Membuat Related Post Di Blogger, Cara Membuat Related Post Di Blogger, Cara Membuat Related Post Di Blogger