Memasang Artikel Terkait Blogger (Related Posts Blogger Classic)

Banyak cara yang bisa kita lakukan untuk memudahkan pengunjung blog atau website dalam mencari artikel yang ada pada blog kita. Salah satunya dengan memasang widget Artikel Terkait atau yang biasanya disebut Related Posts Blogger.

Widget ini adalah versi lama dari artikel terkait yang ada saat ini. Lantas kenapa harus diposting ulang jika sudah diketahui kalau ini adalah versi lama? Sederhana saja, tujuan artikel ini ditulis ulang adalah semata-mata untuk dijadikan arsip jika dikemudian hari artikel ini dibutuhkan, maka akan sangat mudah untuk menemukannya, khususnya bagi saya sendiri. Terima kasih kepada Mas Hendriono yang telah berbagi mengenai artikel ini.

Installasi Artikel Terkait ke Blogger

1. Log in ke Blogger » Template » Backup template (direkomendasikan)

Halaman HTML Editor Blogger

Backup Template Blogger

2. Klik Edit HTML  » cari kode berikut (CTRL+F)

<div class='post-footer-line post-footer-line-3'>

3. Copy kode berikut kemudian letakkan tepat dibawah kode di atas (pada langkah 2)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel terkait :</h3>
<div id='data2007'/>
<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>

4. Simpan Pengaturan Template dan preview blog Anda

Keterangan

<h3>Artikel terkait :</h3>
<div id='data2007'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

• <h3>Artikel terkait : </h3> adalah judul widget, ganti Artikel Terkait sesuai dengan keinginan anda
• var maxNumberOfPostsPerLabel = 4; : Ubah nilai 4 untuk menentukan jumlah maksimal artikel atau postingan per label yang ingin di tampilkan
• var maxNumberOfLabels = 10; : Ubah nilai 10 untuk menentukan jumlah maksimal label (kategori) yang ingin di tampilkan

—ς∞ς— 

sumber: http://modification-blog.blogspot.com

Tweet

Postingan terkait:

Ditulis EM — Tuesday, 16 April 2013 — Add Comment — Blogger Hacks, Blogger Widgets, JavaScript