Membuat Related Post / Artikel Terkait

sahabat blogger.
lagi duduk,,minum kopi sama lagi mikirin apa yang mau di tulis buat postingan Anak Salatiga Belajar SEO, eh malah dapat Ilham (bukan Ilhamnya Persija)
ada cara baru membuat artikel terkait di bawah postingan kita. artikel terkait ini
berhubungan dengan label postingan kita. misalnya label kita "blogtutorial" maka pada saat kita membuat postingan, bacaan terkait dengan "blogtutorial" akan muncul tepat di bawah postingan kita
contohnya:
Danau Poso (judul postingan)

Air Danau Poso sangat jernih dan tidak keruh meskipun terjadi banjir pada sungai-sungai yang bermuara di danau ini. (isi)

Artikel Terkait: (contoh artikel terkait di bawah psotingan kita)
POSO

* Kapolsek Pamona Selatan Tewas Ditabrak Truk
* Investor Singapura Tertarik Tambang dan Perikanan Poso
* Gua Latea, Kuburan Nenek Moyang Orang Pamona
* Cerita dari Lembah Bada
* KARAMBANGAN YANG TERLUPAKAN
* Wisata Archa Watu Mora’a akan Dikembangkan
* Motaro
* Katiana
* Mogawe
* mongkarian

caranya:
Langkah #1
Silakan login ke blogger.com, masuk ke Tata Letak >> Edit HTML..
untuk mencegah kesalahan jangan lupa >> Download Template Lengkap dulu.
beri tanda centang pada kotak "Expand Widgets Template".
Cari kode dibawah ini :

<p><data:post.body/></p>

silahkan copy kode berikut ini kemudian paste tepat di bawah kode di atas.

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

Langkah #2
silahkan dicari lagi kode dibawah ini:

]]></b:skin>

copy kode berikut ini kemudian paste tepat di atas kode ]]></b:skin>


.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

# Klik tombol Simpan Template
# Selesai.

Artikel Terkait: