Cara Membuat Related Post ( Artikel Terkait ) di Blog

Ok, Sahabat Blogger Semua , kali ini saya akan Memposting Bagaimana Sih Cara Membuat Related Post ( Artikel Terkait ) di Blog ??? Apakah Sobat Penasaran Apa yang akan Saya Posting kali ini ???

Ok , Sebelum Ke Pembahasan , Coba Liat di Bawah Postingan Saya ada Tulisan Artikel Terkait , nah kali ini Saya akan Membahas Bagaimana Cara Membuatnya .... Caranya Sangat Mudah Sekali .... Tapi Sebelum nya apa sih Manfaat nya Related Post / Artikel Terkait ini ?? Manfaatnya adalah Untuk Mempermudah Pengunjung untuk mencari Beberapa Informasi yang Menurut mereka sangat penting , dan fitur ini sudah beradaptasi secara otomatis dengan template blog kita , dan fitur ini mengambil informasi nya melalui kategori ataw Menu Postingan yang telah kita buat ...... ok langsung Saja ke Pokok Pembahasan capek Nulisnya Teralu panjang untuk di ungkapkan :

Bahan-bahan yang di butuhkan :

*. Makanan + Minuman Nya ^_^

*. Ketelitian dan Kesabaran

Tutorial :

1. Buka Blog Sobat Masing-masing

2. Klik Rancangan ->> Edit HTML ->> Centang Expand Widget Template

3. Cari Kode <p><data:post.body/></p>

Jika Tidak Menemukan kodenya coba cari kode <data:post.body/> ( Setelah menemukan kodenya pasti akan ada 2 yang akan di temukan pilih yang kedua ajah )

Gunakan CTRL + F untuk mencari kode

4. lalu Copast kode di bawah ini Tepat Sesudah / di bawah kode <data:post.body/> :

<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>

5. Lalu Klik Simpan Template , dan Lihat lah salah satu postingan Sobat .....Selesai ......

Catatan :

Bila Artikel terkait ini tidak muncul di blog sobat , coba lakukan kembali step 3 , Setelah menemukan kode <data:post.body/> kan ada 2 yang muncul nah coba sobat pilih kode <data:post.body/> yang pertama lalu lanjutkan step selanjutnya ......

Semoga Bermanfaat ....... Jangan Lupa follow blog saya ...... dan berikan tanda ( +1 ) dalam setiap postingan saya ...... Trimakasih ......

Salam Hangat Oriza