Cara membuat related post dibawah posting blogger

Cara membuat related post dibawah posting blogger | buat related post dibawah posting blogger, Walau kita tahu bahwa jika blog yang kita kelola masih minim pengunjung karena masih baru, jangan kuatir teman. blog ini juga masih baru kok, tapi saya yakin dengan semangat ngeblog yang membara kita pasto bisa mengusir penjajah dari tanah kelahiran kita. lhoooo kok malah nyeleneh kie piye toh. hehe. hanya bercanda teman. jangan sesekali anda merasa bosan jika anda sudah mempunyai kominten untuk terus mengasah ilmu dalam dunia optimasi seo. Hal yang harus anda lakukan adalah belajar belajar dan teruslah belajar, karena semakin anda giat belajar semakin cepat pula pintu menuju gerbang kesuksesan,, cieee kayak apa gituuu.. .xixixixi. Setelah membuat related post di side bar blog seperti yang kita bahas sebelumnya, kali ini kita akan belajar membuat related post atau artikel terkait yang di letakan pada bagian bawah halaman blog kita di blogspot.

Sebenarnya penempatan artikel terkait atau related post sama saja baik di bagian bawah halaman maupun di bagian side bar blog. Hal ini tergantung selera Anda mana yang membuat blog lebih bagus kelihatannya. tapi menurut saya sih yang penting saya masih bisa makan dan minum secukupnya aja sudah alhamdulillah sesutu banget. hahaha.. 


jangan tergesa gesa dulu yah teman,jika anda masih newbie dan ingin tahu 

Tips Belajar Teknik Blogger |  Optimasi SEO Blogger Pemula  silahkan di cermati dengan serius walaupun anda masih newbie tapi gak apa apalah itung itung belajar atau anda kepengen meningkatkan pagerank di Tips Cara  Meningkatkan PageRank Blogger | Tutorial Menaikkan Page Rank Blogger juga boleh kok. asal anda jangan sampai kepincut sama saya saja.. ckckckckckk...

          Cara membuat related post dibawah posting blogger

Baiklah, sekarang langsung saja ikuti panduan dan tutorial cara membuat related post atau artikel terkait di bawah halaman posting berikut ini:

1. Login menggunakan Username dan Password google account atau gmail Anda di blogger.com

2. Dari halaman dasbor/dashboard, pilih dan klik Design atau Rancangan.

3. Klik Edit HTML dan tandai Expand Widget Template (sebaiknya download dulu template Anda sebagai backup)

4. Cari kode ini  <data:post.body/>

5. Letakkan script code berikut ini di bawah kode diatas (lihat kode di nomor 4):

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<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>

6. Save Template, lihat hasilnya.
jika anda masih binggung silahkan tanyakan saja pada saya melalui kolom komentar saja. insya allah jika saya bisa menjawab saya akan menjawabmya dengan jujur dan bersahaja.. xixixixi.

Demikian Artikel Cara membuat related post dibawah posting blogger. Jika anda masih bingung, silahkan tinggalkan komentar anda, Jangan sungkan ya, 

Ditulis oleh: Gue Ganteng - - Rating: 4.5

Terima kasih sudah membaca artikel kategori Tutorial Blog dengan judul Cara membuat related post dibawah posting blogger. Anda bisa bookmark halaman ini dengan URL http://www.kutulis.com/2011/12/cara-membuat-related-post-dibawah.html. Jangan lupa share ke teman-teman ya.

Tweet