Lompat ke konten Lompat ke sidebar Lompat ke footer

Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)

Suatu ketika saya berkunjung ke kompas.com saya mengeklik salah satu judul berita, disana saya menemui ARTIKEL TERKAIT yang dibawahnya link judul-judul yang masih ada hubungannya dengan berita yang pertama tadi. Mungkin sedikit cerita itu bisa mengambarkan kita apa yang dimaksud dengan judul di atas yaitu "Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)"

Berjalan-jalan ke trik-tips blogging, saya menemukan cara untuk menampilkan judul artikel yang berhubungan. Di trik ini, judul itu di tampilkan di bawah artikel, dan penampilan itu berdasarkan label. Mungkin kita ada label Kucing karena kamu pengemar binatang, di Label Kucing itu ada 10 judul, maka saat kita melihat salah satu dari judul itu maka 9 judul ada di bawahnya.

Berikut ini langkah-langkah kita untuk menampilkan judul artikel yang berhubungan :
1. login ke Blogger
2. Lalu pilih Tata Letak-->Edit HTML
3. Selanjutnya Expand Widgets Template template kita
4. Cari kode berikut ini
<data:post.body/>
*) untuk blog yang ada "read more" nya akan ditemui 2 kode <data:post.body/>, pilihlah kode yang pertama
5. Kalau sudah ketemu, taruh script berikut ini di bawahnya

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>ARTKEL TERKAIT</h3>
<div id='data2007'/><br/><br/>
<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>

atau KLIK DI SINI UNTUK MELIHAT SCRIPTNYA

6. Kalau sudah kita ditaruh script di atas, SIMPAN temlpate kita

Sebelumnya saya ucapkan terima kasih untuk kendhin yang sudah lebih dulu menulis tips dan trik ini. Untuk tips dan trik ini ditulis di sini, jadi sumber artikel yang saya tulis ini dengan perubahan dari saya adalah http://trik-tips.blogspot.com/ :)

37 komentar untuk "Menampilkan Judul Artikel yang Terkait (Related Articles by Categories)"

  1. relate article related post akan muncul seperti di atas!! :))

    BalasHapus
  2. Thanx Kang Jaloe atas infonya....

    BalasHapus
  3. tapi maaf Kang, saat sy taruh script diatas, template sy gk bs disimpan, katanya wel format gt,
    tp, ketika sy ambil script dari trip-trik.blogspot bs sy simpan, mkn ad yg salah di scripnya kali ya?
    kedua,yg sy heran kenapa kok tdk ad tulisan "artikel terkait" gt ya??
    sblmnya trims ats bantuannya....

    BalasHapus
  4. Terima kasih untuk @info taekwondo,
    sekarang suda diperbahrui pasti bisa!!!!
    SELAMAT MENCOBA!!! :)

    BalasHapus
  5. mohon ajarin dong cara edit skin template blog.....please.. thanks

    BalasHapus
  6. Oke my Brother.. udah kesekian kalinya neh ane ngambil Tips & tirk dari Ente.. Thanx Berat ya bro.. Good Luck Bro

    BalasHapus
  7. Aku nyoba kok g ada yang berubah yach!ada pa ne?

    BalasHapus
  8. Banyak info dari mas kurnia nich

    BalasHapus
  9. Izin posting balek Om...
    ;))

    BalasHapus
  10. bos punyaQ udh jadi tp ko readmore.y jd g jln.Aku pake readmore yang versi2 bos,yg g perlu loding.Berilah pencerahan...

    BalasHapus
  11. tq infonya sob.
    jgn lupa maen ke blogq yo..........

    BalasHapus
  12. sdh tak coba bos...tapi kok g ada perubahan sama sekali...??? mohon pencerahannya..!!

    BalasHapus
  13. duh tetep aja ngak ada perubahan........

    BalasHapus
  14. trimakasih bannyak yaw.. :D

    BalasHapus
  15. kayanya yang dari kk kurnia ada yang kurang kk..
    klo mau coba yang dari saya,silahkan cek disini
    Ati-Zone semoga berhasil

    BalasHapus
  16. hii aku vhytree,, aku pemula di blogger jadi mohon bantuannya..ya

    sebelumnya terima kasih.. :)

    z mw nanya gimana menghapus script pada template yg udah qta download agar blognya bisa sesuai dengan keinginan qta...trimz before

    BalasHapus
  17. yeaaayy berhasil^^ terima kasih :)

    BalasHapus
  18. kang susah bgt mau naruh dimana..script bnyk bgt...kira2 disebalah mana?

    BalasHapus
  19. mungkin aku bisa bantu dikit ,.. kalian dateng aja ke blog aku ,!!
    ni linknya :
    ervancyah.blogspot.com
    kita belajar blogger bareng2 aja
    hahahha thankz yahh

    BalasHapus
  20. Bisa Sih bisa tapi tulisannya ARTKEL TRKAIT kurang huruf 'i' dan 'e'

    BalasHapus
  21. @adie: Pakai google chrome bisa search text pada web!!!

    BalasHapus
  22. hallo bro, saya coba di blog, tapi kog labelnya ikut nongol di related post y?? kenapa kie?? :(
    Oya, gimana jg ngrubah warna biar ngejreng,pnyaku kok item j,..

    BalasHapus
  23. good job gan bisa artikelnya ,, kunjungin balik yaa gan

    BalasHapus
  24. mas... kalau di blog saya gk ada di blog saya. gmna cra munculinnya lagi mas??

    BalasHapus
  25. mas... kalau di blog saya gk ada di blog saya. gmna cra munculinnya lagi mas??

    BalasHapus
  26. http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif

    BalasHapus
  27. ini buat Dash boar lama kan ?? kalo buat yang baru apa donk bang ??

    nitip
    http://pelajaranwiki.blogspot.com/b/layout-preview?token=-_L5OTsBAAA.ECEA-W8bELwNoksVD8B6Tw.kLmo77mXg6nFv8hyR7BXcw

    BalasHapus
  28. trims bro...semoga dapat balasan dari Allah atas ilmunya. aamiin

    BalasHapus
  29. saya dapet banyak sekali informasi dari blog ini :D
    terimakasih :D
    izin mencoba beberapa scriptnya gan... :D
    sambil blog walking.... :P

    BalasHapus
  30. kok yang keluar hanya tulisan artikel terkait..

    tidak ada artikel di bawahnya

    BalasHapus
  31. bro, ane mau tanya, kenapa yah, daftar komen di blog ane tidak muncul, padadal ada tulisan 3 komentar, tapi ane gak tau komentar ya apa karena daftar komen ya tidak ada, tolong yang bisa batu

    blogdenijr.com

    BalasHapus
  32. kami sekeluarga tak lupa mengucapkan puji syukur kepada ALLAH S,W,T
    dan terima kasih banyak kepada AKI atas nomor togel.nya yang AKI
    berikan 4 angka 1803 alhamdulillah ternyata itu benar2 tembus AKI.
    dan alhamdulillah sekarang saya bisa melunasi semua utan2 saya yang
    ada sama tetangga.dan juga BANK BRI dan bukan hanya itu AKI. insya
    allah saya akan coba untuk membuka usaha sendiri demi mencukupi
    kebutuhan keluarga saya sehari-hari itu semua berkat bantuan AKI..
    sekali lagi makasih banyak ya AKI… bagi saudara yang suka main togel
    yang ingin merubah nasib seperti saya silahkan hubungi AKI SOLEH,,di no (((082-313-336-747)))
    insya allah anda bisa seperti saya…menang togel 275
    juta, wassalam.


    dijamin 100% jebol saya sudah buktikan...sendiri....







    Apakah anda termasuk dalam kategori di bawah ini !!!!


    1"Dikejar-kejar hutang

    2"Selaluh kalah dalam bermain togel

    3"Barang berharga anda udah habis terjual Buat judi togel


    4"Anda udah kemana-mana tapi tidak menghasilkan solusi yg tepat


    5"Udah banyak Dukun togel yang kamu tempati minta angka jitunya
    tapi tidak ada satupun yang berhasil..







    Solusi yang tepat jangan anda putus asah....AKI SOLEH akan membantu
    anda semua dengan Angka ritwal/GHOIB:
    butuh angka togel 2D 3D 4D SGP / HKG / MALAYSIA / TOTO MAGNUM / dijamin
    100% jebol
    Apabila ada waktu
    silahkan Hub: AKI SOLEH DI NO: (((082-313-336-747)))




    atau klik langsung di KLIK DSINI BOCORAN TOGEL



    angka GHOIB: singapur 2D/3D/4D/



    angka GHOIB: hongkong 2D/3D/4D/



    angka GHOIB; malaysia



    angka GHOIB; toto magnum 4D/5D/6D/



    angka GHOIB; laos


    BalasHapus

Berlangganan via Email