Menambahkan fitur "Baca artikel lain" dibawah post

Fitur ini menggunakan feed label atau kategori post, dan cara kejanya hampir sama dengan "Related Articles" atau "Artikel yang berhubungan". Bedanya kalau fitur ini, kita dapat menentukan label atau kategori artikel apa yang akan kita tampilkan. Sehingga judul artikel  yang muncul secara acak dan otomatis, akan sesuai dengan label atau kategori yang kita pasang pada fitur ini.
Selain itu kita juga dapat menentukan jumlah label atau kategori yang akan ditampilkan dan jumlah judul artikel yang akan muncul pada setiap label atau kategori yang kita pasang.

Untuk letak, dimana kita meletakkan fitur ini terserah kita....
Pada artikel ini saya memberi contoh dan langkah-langkahnya di bawah artikel post. Atau bila sudah ada fitur "Related Articles" atau "Artikel yang berhubungan", kita tinggal menambahkan dibawahnya.

Contohnya bisa anda lihat fitur "Baca artikel lain" yang ada dibawah fitur "Related Articles" pada blog ini.

Tapi, bila anda menghendaki fitur ini ditampilkan dalam gadget sidebar juga bisa. Sebab fitur ini akan tetap bekerja dengan baik, asal anda tidak keliru mengganti teks yang ada pada script yang saya berikan dan anda tinggal copy paste pada gadget....OK.

Bila anda juga bermninat membuat artikel berhubungan atau related Post pada blog anda, silahkan anda ikuti langkah-langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

 4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.

5. Jangan lupa Klik tombol "Expand Widget Templates"

6. Cari kode yang mirip dengan kode ini : <data:post.body/>

7. Bila blog anda sudah menggunakan "Read more",
Taruh kode dibawah ini setelah kode <data:post.body/> yang kedua. 
Dan bila anda sudah menggunakan "Related Articles" atau "Artikel yang berhubungan", anda tinggal meletakkan kode dibawah ini setelahnya. :

<br/> <b>Baca artikel lain :</b><div style='height:200px;overflow:auto;' class='related-post' id='artikel_lain'> <script type='text/javascript'> var homeUrl3 = "http://tutorialbloggermasnoer.blogspot.com/"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 4; maxNumberOfPostsPerLabel = 4; maxNumberOfLabels = 4; 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('artikel_lain').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; textLabel = "LABEL-1"; 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++; }} textLabel = "LABEL-2"; 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++; }} textLabel = "LABEL-3"; 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++; }} textLabel = "LABEL-4"; 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++; }} </script> </div>

Catatan :

• "maxNumberOfPostsPerLabel = 4;"  Jumlah artikel yang tampil.
  "maxNumberOfLabels = 4; "  Jumlah artikel yang tampil.
• Ganti teks  LABEL-1, LABEL-2, LABEL-3, LABEL-4, dengan label yang ingin anda pasang.
• Bila ingin menambahkan label, anda tinggal menambahkan satu bagian kode seperti berikut :
  
  textLabel = &quot;LABEL-4&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++;
  }} 
  Jangan lupa ganti teks berwarna merah.

8. Simpan Template.

Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.