Friday 7 September 2012

Membuat Related Post atau Artikel Terkait di Blog

Postingan Kali ini Membahas tentang Cara mudah Membuat Related Post atau Artikel Terkait di Blog. Related Post atau Artikel terkait di sini adalah Artikel terkait berdasarkan Katagori atau Label. Karena saya sendiri mengelompokkan Artikel-artikel yang berhubungan dalam satu Katagori. Jadi Tutorial ini saya bagikan berdasarkan apa yang telah saya gunakan di Blog saya sendiri.  :P


Related Post, Artikel Terkait, Cara mudah Membuat Related Post, Cara mudah Membuat Artikel Terkait
Related Post
Fungsi Artikel Terkait sendiri sebenarnya Memudahkan para pengunjung untuk mencari Artikel yang berhubungan dengan Artikel yang dibacanya. Tapi selain itu juga ada Fungsi lain, yaitu Meningkatkan Pageviews Blog kita. Mungkin Bagi sobat yang Pageviewsnya masih rendah, Saya sarankan memasang Artikel Terkait ini. hehe. 

Ok, Langsung saja cara memasangnya cukup Mudah, Silahkan simak langkah-langkahnya berikut:

1. Login ke www.blogger.com
2. Pilih Menu Rancangan, lalu pilih Edit HTML
3. Centang Expand Widget (Agar lebih aman silahkan Dowbload Script blog sobat terlebih dahulu)
4. Cari Kode berikut:

<data:post.body/>

5. Kalau sudah ketemu, silahkan letakkan kode berikut di atasnya:

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

<div class='widget-content'>
<h2>Artikel Terkait</h2>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 5;

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>

 6.Simpan

Caranya mudah bukan..? Selamat mencoba, Semoga Berhasil
Cukup sekian Postingan kali ini tentang  Cara mudah Membuat Related Post atau Artikel Terkait di Blog, Semoga Bermanfaat.
 
Sumber : klik


EmoticonEmoticon