Membuat Artikel Terkait / Related Post

Saya kali ini akan membahas tentang artikel terkait atau bisa disebut juga related post . Artikel terkait sangat dibutuhkan dalam suatu blog, karena dengan menggunakan artikel terkait dapat memudahkan pengunjung untuk melihat posting yang berkaitan dengan anrtikel yang sedang dibacanya.
Nah..untuk membuatnya, silahkan ikuti tutorial di bawah ini :

1. Login ke blogger
2. Pilih Rancangan.
3. Klik edit Html
4. Centang Expand Template Widgets.
5. Cari kode <data:post.body/> dan gunakan Ctrl + F untuk mempercepat pencarian.
6. Copy paste kode di bawah ini setelah kode <data:post.body/> . Kalau anda memakai Read More, akan terdapat 2 kode <data:post.body/> , paste kodenya setelah <data:post.body/> pertama.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<strong>Artikel Terkait</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>
</b:if>

7. Untuk Artikel Terkait anda bisa menggantinya sesuai selera.
8. Simpan template dan lihat hasilnya.

Related Post :

Tips Blogging

• Tips Agar Blog Anti Klik Kanan
• Membuat Efek Bubble Pada Cursor
• Membuat Efek Bintang Berjatuhan Dari Cursor
• Cara Menampilkan Widget Hanya Di Homepage Dan Halaman Posting Saja
• Cara Membuat Recent Post Slide Show
• Membuat Daftar Isi Tampilan Explorer
• Cara Menampilkan Status YM Di Blog
• Cara Membuat Menu Navigasi BreadCrumb
• Cara Membuat Back To Top Dengan JQuery
• Cara Daftar Envolve Dan Memasang Widget Envolve Di Blog
• Cara Membuat Widget Icon Burung Terbang Twitter
• Cara Membuat Menu Horizontal Drop Down
• Cara Membuat Link Open New Tab
• Memasang Tombol Komentar Klasik Di Atas Kotak Komentar Blog
• Cara Memasang Lagu Di Blog
• Cara Membuat Iklan Melayang Dengan Tombol Close
• Cara Membuat Scroll Pada Kotak Komentar Blogger
• Cara Menyembunyikan NavBar Pada Blogger
• Cara membuat Tab View
• Scan Blog atau Website Anda
• Cara Membuat Daftar Isi
• Cara Memasang Widget Translate Pada Blog
• Pasang Widget Internet Speed Test Di Blog Anda
• Menambahkan Reply Buttoon Pada Komentar Blogger

Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :