Wednesday 9 January 2013

Cara Membuat Artikel Terkait Dibawah Postingan

TEKNIK KOMPUTER DAN JARINGAN - Di pagi hari yang cuacanya sedikit htam gitu. Hehehe ! Saya memcoba memberikan sedikit Trick buat kalian yang ingin tau bagaimana "Cara Membuat Artikel Terkait Dibawah Posting". Manfaat dari adanya artikel di bawah posting banyak sekali salah satunya digunain untuk membuat pengunjung membaca artikel artikel yang terkait dengan apa yang kita post jadi bisa membetahkan pengunjung juga bisa nambah Page View bagi kita. 


Baiklah Langsung aja kita ke Tutorialnya :


Jangan Lupa untuk meng Back Up Dulu Templatenya Supaya buat pengaman aja Gitu... 

  1. Kita masuk ke Menu Themplete yang ada di blogger
  2. Kita Pilih Edit HTML >>Lanjutkan >> jangan lupa Centang Expand Template Widgetnya. 
  3. Cari Kode Ini <data:post.body/> Biar lebih mudah tekan CTRL + F
  4. Tambahan Kode  Berikut Tepat di bawah Kode ini <data:post.body/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Baca Juga Yang Ini</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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;ardi33&#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 class='ycdr' style='font-family: arial, sans-serif; font-size: 9px;'><a href='http://fhirman-ilham.blogspot.com/2013/01/cara-membuat-artikel-terkait-dibawah.html' target='_blank' title='Cara Membuat Releated Post keren'>Cara Membuat Artikel Terkait Dibawah Posting</a> <a href='http://fhirman-ilham.blogspot.com/' target='_blank'>Tempat Cari ilmu</a></div></div>  </div> </b:if>

NB : Yang Berwarna Merah  bisa di ganti sesuai ke inginan kalian.

Tapi inggat Kode <data:post.body/> ini tidak hanya satu, Jadi kalau kode pertama tidak jadi. Silahkan Tempatkan di kode berikutnya dan seterusnya.

GOOD LUCK !!!