Cara Memasang Artikel Terkait pada Blogger

Ini salah satu cara agar pengunjung dapat betah di Blog kita, Dengan memasan Artikel terkait di Blog anda maka pengunjung dapat melihat artikel apa' saja di Blog ini yang menyangkut dengan artikel yang dia baca. Jadi ini salah satu trick agar pengunjung dapat betah di Blog kita.

Contoh: Coba aja anda bangdingkan pada saat anda mau makan kemudian pergi ke dapur terus melihat di meja cuma ada nasi dan ikan gimana perasaan anda. tapi coba sebaliknya kalau di Meja ada Ayam, nasi, ikan, tempe, sayur dan lain-lain. HehehHHehh mau tidak mau anda pasti betah tinggal di Dapur sampai kenyang.

HahHHHAhh itulah semacam ilustrasi di atas bagaimana menggambarkan seorang pengunjung masuk ke blog kita kemudian melihat artikel yang banyak dan menarik pasti dia akan Betah.

Berikut ini contoh Bentuk gambar :

Klick untuk lihat jelas Gambar







Tidak perlu panjang lebar berikut ini tips dan cara memasang Artikel terkait pada Blog kawan :

1. Ambil secangkir Kopi
2. Jangan Lupa tambah Gula
3. Login ke Blogger anda dengan menggunakan Account anda
4. pilih Rancangan ->Edit HTML
5. Contreng Tulisan Expand Template Widget
6. Cari tulisan HTMl :<data:post.body/>
7. Cara mencari ketik tombol CTRL+F
8. Copy Paste Kode di bawah ini tepat di bawah Kode : <data:post.body/>

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

<div class='widget-content'>
<h3>Baca Juga Artikel 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>

Selamat Mencoba Brooooo

Ehhh kopi nya jangan lupa di habiskan yaaa...........