Posted by : Unknown Sabtu, 09 November 2013

Cara Membuat Artikel Terkait (Related Posts) - Untuk memudahkan pengunjung menelusuri artikel-artikel di blog sobat, sobat bisa menambahkan widget artikel terkait / related posts. Fungsinya adalah agar setiap post/artikel yang terkait atau terbit dalam kategori yang sama, dapat ditampilkan juga dalam post yang sedang dibaca pengunjung. Biasanya, widget artikel terkait ini diletakkan di bawah postingan.

Selain itu, widget artikel terkait ini berguna untuk memudahkan pengunjung melihat artikel lain yang berhubungan dengan artikel (postingan yang aktif). Dengan adanya related post bisa meningkatkan pagehit pada blog anda.
Caranya Liat di bawah
1. Login ke Account/Dashboard blog kalian. Masuk ke menu Edit HTML.
2. Backup dulu template kalian, untuk berjaga-jaga apabila ada kesalahan.
3. Kalo udah,beri tanda centang pada Expand Widget Templates.
4. Cari kode <data:post.body/> menggunakan CTRL+F pada browser. dan letakkan kode dibawah ini setelah kode tersebut.
(Nb: Akan ada 2 kode <data:post.body/> pada template yang sudah memakai fitur readmore. Oleh karena itu,pastikan kode berikut ini di letakkan setelah kode <data:post.body/> yang pertama.
lalu Copy kode di bawah :
Klik Untuk melihat Kodenya
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 3;
maxNumberOfPostsPerLabel = 11;
maxNumberOfLabels = 4;
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>

Leave a Reply

Thanks All buat yang dah mau mampir ............ !!!

Sisip kan Saran, Pesan dan Komentar anda .. Mudah-mudahan dengan Komentar yang anda berikan Akan memberikan Motivasi buat saya untuk membuat blog ini menjadi lebih menarik Lagi.

Subscribe to Posts | Subscribe to Comments

Post-post Terpopuler

Anda yang Ke ...

Flag Counter

Tanslate

Diberdayakan oleh Blogger.

Designed by Tips "N Trick -

InFo Koe

Selamat Datang Di Tips 'aNd TriCK BloGGeRs DiTHa SoB

Sebelumnya Aku Ucapkan Terima Kasih Coz Sobat-Sobat Semua Sudah bersedia mampir ke Blog Saya ini. Tapi Sebelumnya Aku juga Minta maaf, mungkin Sobat-sobat semua murang berkesan dengan Blog saya ini. Maklum aja Sob .... Dalam Hal Blogging ini aku baru dan tergolong Pemula. Jadi Buat Sobat-Sobat Senior Blog Mohon Bimbingannya. THANKS...

Sekilas Tentang Admin NicH


Sebenernya Aku suka banget ama yang namanya Blogger Tapi aku masih sangat jauh buat kuasai yang namanya Blog. Oke dah Buat Sobat yang mau kenal Lebih dekat ma aku Kunjungi FB ku yah. HUDA HATAKE