Buat Related Post

Table of Contents

Akhirnya selesai juga bikin Related Post di bawah posting. Ya setelah beberapa waktu lalu bermasalah dengan komputer dan koneksi internet, kemarin saya mempunyai trouble ketika ganti template blog. Semua widget dan kode kode HTML yang sudah saya buatpun ikut ikutan menguap. Nah kepikir yang pertama setelah template jadi, mo bikin Related Post dulu, lhadalah cara yang sudah saya copy ternyata terhapus. Akhirnya saya googling aja, namun setiap cara yang saya coba pasti ga cocok dengan kode HTML di blog.

Pusing juga rasanya, akhirnya dari pada pusing pusing mending nanya aja ke Kang Rohman di kolom chatnya. Dan alhamdulillah ada kawan yang merespon pertanyaan saya, makyesss rasanya. Terimakasih Mas Imoel di Zona Klik. Hingga akhirnya saya bisa bikin Related Post di bawah postingan tidak seperti dulu, Related Postnya berbeda kolom dengan postingan. Dan buat rekan rekan yang belum bisa mengikuti cara yang sudah saya tempuh, sangat mudah dan simple kok. Karena rekan tinggal copy paste aja kok, gitu aja kok repot, wakaka..., ok rekan rekan sekalian berikut cara yang bisa rekan coba. 

A. Untuk langkah pertama

Rekan cari kode berikut, <p><data:post.body/></p> Setelah ketemu, copy kode kode yang saya tulis di bawah, paste persis di bawah kode <p><data:post.body/></p> selamat mencoba ya, untuk contoh rekan bisa lihat di bawah tulisan saya ini. 

B. Langkah kedua 

Copy paste kode berikut, 

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='similiar'> <!-- *****************http://muklispurwanto.blogspot.com*****Oct,2009****************** --> <!-- *****************Cara Buat Related Post Di Bawah Posting****************** --> <div class='widget-content'> <b>Postingan Terkait Lainnya :</b> <div id='data2007'/><br/><br/> <div id='Randezvous'> Widget by <u><a href='http://muklispurwanto.blogspot.com/2009/10/cara-buat-related-post-di-bawah-posting.html' target='_blank'>Blog Bisnis Muklis</a></u> </div> <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>

C. Langkah terakhir adalah, 

Jangan lupa save ya 

Nah gimana rekan cukup simple kan, asal mau belajar pasti bisa dan pasti ada jalan. Sekian dulu ya dan semoga cara ini bisa bermanfaat untuk saya dan juga rekan rekan yang membutuhkan tutorial ini, salam hangat dan salam sukses selalu dari saya semoga tetap sehat dan selalu bersemangat. 

Warm Regards, 

Muklis Purwanto