Cara Mudah Membuat Artikel Terkait di Blog

Salam blogger, pada kesempatan kali ini saya akan berbagi cara memasang artikel terkait di blog. Ini juga kemarin ada yang request, jadi saya share saja sekalian berbagi ilmu. Mengapa Artikel terkait ini penting? karena dengan adanya artikel terkait maka akan mempermudahkan pengunjung untuk melihat konten yang berhubungan dengan konten yang dibacanya.

Caranya sangat mudah :

1. Masuk ke blogger - Rancangan - Edit HTML - Expand Template Widget.

2. Cari kode berikut:

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

3. Copy dan Pastekan kode berikut tepat setelah kode di atas:

<b:if cond='data:blog.pageType == &quot;item&quot;'><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 = &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;albri&#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><script type='text/javascript'>RelPost();</script></DIV></b:if>

4. Pratinjau terlebih dahulu apakah error atau tidak, kalau tidak silahkan disimpan templatenya. Selamat mencoba.. :D

16 comments:

  1. tinjau dulu blog saya mas..?kayknya related postnya tdk berhasil.cuma judulny doank,tanpa di ikuti artikel terkait..!
    Makasih sebelumnya mas..!jempoldeh.blogspot.com

    ReplyDelete
    Replies
    1. coba dlu saran saya tadi gan,, kasih label yg sama dlu untuk postingan yang kategorinya sama...

      Delete
    2. gmn itu ya mas..?ga ngerti pula aku ini,labe label yg same?

      Delete
    3. ada baiknya postingan blog u itu, dikasih kategorinya..apa tentang game, atau tips,, carany waktu kita mau posting itu, ada kolom dibawah tulisannya "label:.......",,nah isi itu dengan label, misal games, atau tips... jadi yang termasuk artikel terkait ntar, itu yang labelnya sama...

      Delete
    4. ohhh...gitu ya mas...?thank u sebelumnya mas..?

      Delete
    5. oke gan,, sama2..selamat mencoba... :D

      Delete
  2. nice share gan...,,
    br smlm ganti tamplate,, sya lupa bikin artikel terkait di blog saya...,, pas liat posting ini.. bru keingat....

    slm knl gan..... :)

    ReplyDelete
    Replies
    1. oke gan,, silahkan di pasang dlu... good luck.. :D

      Delete
  3. Untuk yang 1 ini aku gak pernah berhasil ....
    Gak tahu apa penyebabnya.
    Support terus kawan

    ReplyDelete
    Replies
    1. wah,, kenapa bisa begitu gan? apa gak match dgn templatenya kali ya? but tetap semngat terus kawan.. :D

      Delete
    2. Bisa jadi gan sourcenya gak cocok buat template agan. saya jg pernah ngalamin hal serupa

      Delete
    3. @ Sundul: Kl Ane jg ga muncul sewaktu diklik "pratinjau". Ane coba diblog Ane yg lain( khusus untuk mencoba widget dll,takut ada virusnya. He..he..he...), trus Ane langsung klik "simpan Template", Alhamdulillah berhasil, mkasih mas :)

      Delete
  4. Om itu cara naro kode artikel terkaitnya setelah kode diatas ya...
    misalnya..
    kode di atas.kode artikel terkait ya mas brow ?

    visit balik ya.. http://www.islanku.com

    ReplyDelete
  5. kata mutiara hari ini:
    “Kenalilah musuhmu, kenalilah diri sendiri. Maka kau bisa berjuang dalam 100 pertempuran tanpa resiko kalah. Kenali Bumi, kenali Langit, dan kemenanganmu akan menjadi lengkap.”

    nice artikel ditunggu kunjungan baliknya

    http://bilogizma.blogspot.com/

    ReplyDelete
  6. follow aku yah di http://zaidanxzanderz.blogspot.com/,,,,ntar follback

    ReplyDelete