Cara Buat Artikel Terkait Otomatis Berdasarkan Catagory (Releted Post)

Artikel terkait ini sangat bermanfaat bagi sebuah blog. Selain untuk meningkatkan page views, related post ini juga membantu agar postingan kita yang belum terindeks bisa terindeks oleh search engine. Related post adalah daftar link posting yang berhubungan.

Seperti yang Anda lihat dalam blog ini, di akhir setiap postingan artikel terdapat judul-judul artikel lain yang terkait dengan postingan tersebut. Anda bisa menampilkan judul artikel terkait sesuai label atau kategori yang sama secara otomatis, jadi kalau buat postingan tidak perlu ditulis lagi, kita hanya perlu memasang  code scripnya saja dan artikel terkait akan tampil dengan sendirinya. Kurang lebih gambarnya seperti di bawah ini.

Untuk memasang artikel terkait secara otomatis ini sebelumnya........berdo'a dulu lalu ikuti langkah berikut.

1. Login ke acount blogger anda.
2. Pada dasboard, pilih layout atau tata letak --> edit html ( sebelum ngobok2 code XML template disarankan untuk mendownload terlebih dahulu sebagai cadangan kalau misalnya terjadi kesalahan )
3. Beri tanda centang pada bacaan Expand Widget Template.
4. Cari kode berikut ini,
   

   <p><data:post.body/></p>

   Agar lebih cepat gunakan fasilitas yang ada di broswer anda, Pada menu Edit -->Find on this page atau Ctrl+F dan akan muncul sebuah jendela kecil masukan code diatas klik Find Nex Kalau gak salah. Jika code di atas tidak di temukan, Cari code berikut.
   

   <div class='post-footer-line post-footer-line-1'/>

5. Kalau sudah ketemu Copy paste code di bawah ini dan letakkan di bawah salah satu dari kedua code di atas.
   <b:if cond='data:blog.pageType == "item"'> <H2>Artikel Terkait:</H2> <DIV class='rbbox'> <DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <DIV id='albri'/> <SCRIPT type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); 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 < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('albri').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); 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 = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </SCRIPT> </DIV> <script type="text/javascript">RelPost();</script> </DIV> </b:if><br />
6. Setelah itu, copy-paste kode berikut di atas kode ]]></b:skin>.
   
   
   
   /*-----------------------------
   
   kode related post optimal
   
   visit http://www.ateonsoft.com
   
   ------------------------------*/
   
   .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
   
   background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
   
   .rbbox:hover{background-color: rgb(255, 255, 255);}
7. Yang terahir copy kode berikut dan paste di atas kode </head>,
   
   
   <SCRIPT src='http://ateon.fs.googlepages.com/kodescript.js' type='text/javascript'/>  
8. 
   
   Kalau udah Klik Simpan perubahan atau Save lalu  dan sambil Udat-Udut
   dan lihat hasilnya.
   GuaAAAAAAmmmpang to.... iya to... Enak to..... Mantep to.....   (Eit .....Jangan di baca ntar Mbah Surip datang) Haaaa.... Haaaaaaa (tu kan datang)Kaburrr..... wkkk.............