cara membuat related post blogspot

Cara membuat related post atau "artikel lainnya" yang biasa ditempatkan di bagian bawah setelah artikel/postingan sebuah blog tidaklah sulit, dan bicara manfaatnya tentu banyak banyak sekali diantaranya dapat meningkatkan pageview (cocok untuk Google panda), memudahkan pengunjung dalam mencari artikel yang masih terkait dalam satu label atau kategori, dan bisa membantu postingan lama kita agar bisa terindex.

Berikut ini adalah cara membuat related post blogspot yang berada tepat setelah postingan:

• Login ke account blogger sobat,
• Pada dashboard, pilih edit layout–> edit HTML
• Centang Expand widget template
• Cari kode seperti dibawah ini, lebih mudah bila anda menggunakan ctrl+F   

<data:post.body/>  

• Setelah ketemu, paste kode di bawah persis setelah 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>

• Jangan lupa simpan pekerjaan sobat, dan lihat hasilnya..

Jika di bawah postingan sobat sudah terdapat related post dengan berisi link-link address artikel yang terkait, maka cara membuat related post dibawah postingan yang sobat kerjakan sudah berhasil.

Artikel Terkait:

Tutorial blogspot

• Membuat toko Online dengan Template Standar Blogger
• Cara Membuat Label Kategori di Blogspot
• Cara menghilangkan Judul Blog di header
• Cara membuat kontak form blogspot
• Cara membuat blog gratis dengan blogspot
• Membuat tulisan berjalan marquee blogspot
• Mengenal dan menulis kode HTML blog
• Membuat toko online wordpress
• Membuat menu drop down blogspot –Bagian2
• Widget Cek Resi TIKI JNE dan Pos Indonesia
• Membuat tulisan berkedip di blog
• Membuat widget back to top
• Widget sms gratis di blog
• Cara membuat banner blog
• 6 cara membuat form online gratis
• Membuat Halaman di blog - blogspot
• Membuat menu dropdown di blogspot - bagian 1
• Cara memasang MP3 di Blog
• Cara membuat efek daun berjatuhan pada blog
• Cara mempercantik blogspot
• Membuat sitemap blogger
• Cara membuat random post blogger
• Cara membuat Energy Saving Mode pada blogspot
• Membuat header blog dengan gambar
• Cara posting artikel blog melalui Email