Home » » Cara Membuat Artikel Terkait

Cara Membuat Artikel Terkait


Cara Memasang Artikel Terkait

Related post
atau artikel terkait yang ada disebuah website atau blog berguna agar supaya sipembaca artikel bisa melihat dan membaca artikel terkait lainnya.
pengunjung juga bisa nambah Page View bagi kita... itu manfaat yang terpenting . Udah tau manfaatnya.. Yuk kita lanjut ke Trutorialnya..

Berikut Tutorialnya :

1. Login ke Blogger dengan menggunakan akun anda
2. Lalu masuk ke Rancangan
3. Lalu Edit HTML
4. Centang Expand Template Widget
5. Cari Kode Ini <data:post.body/> Biar lebih mudah tekan CTRL + F
6. 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>Artikel Terkait Lainnya...!!!</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://whyudi198665.blogspot.com/cara-membuat-artikel-terkait-dibawah.html' target='_blank' title=''>Cara Membuat Artikel Terkait Dibawah Posting</a> <a href='http://whyudi198665.blogspot.com/' target='_blank'></a></div></div>  </div> </b:if>


Silahkan Yang Berwarna Merah  ganti sesuai ke inginan kalian

Tapi inggat Kode <data:post.body/> ini nga cuman satu Jadi kalo kode pertama tidak jadi.. Silahkan Tempatkan di kode berikutnya...

7. Sekarang Tinggal Simpan Templatenya  Dan liat Hasilnya
    Silahkan Mencoba....!!!
Share this article :

2 komentar:

Kepada Kawan - Kawan Semua, Berkomentarlah dengan baik dan sopan.
Jika ada Embel - Embel Link mohon maaf, komentar akan saya hapus.


 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Net- Blog ™ - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger