Membuat Related Post / Artikel Terkait

sahabat blogger.lol
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 baw
ah 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:

Comments :

13 komentar to “Membuat Related Post / Artikel Terkait”
Muhamad Fauzi ridwan mengatakan...
on 

waw keren/////abis dah...

ozyee mengatakan...
on 

tukaran lin yu...
saya dah masukin link kamu..
blog saya..
ozyeuh.blogspot.com

satria wibawa mengatakan...
on 

kotak artikel terkait sudah kluar tpi kok g ada isinya ya?


kunjungi blog saya ya
onlinegamemaniac.blogspot.com

Anonim mengatakan...
on 

iya saya juga, artikel terkait sudah muncul tetapi kenapa nggak ada list artikelnya (kosong) tolong pencerahannya

Terima kasih
ini blog saya
http://www.beternakjangkrik.co.cc

akhatam mengatakan...
on 

Hai sob! met kenal nih... Kok ku pasang nggak muncul ya boss!!gmana?? truz ada bisnis bagus ni boss, ngajak 3 orang, rekening paypal kita langsung terisi... ayo gabung sob!! dan promosikan di blog ini. ini linknya disini

satria mengatakan...
on 

caranya biar muncul di kotak artikel terkait yaitu dengan memberi label pada tiap postingan. Setiap label yang sama akan dimunculkan dlm kotak artikel terkait

Bayu mengatakan...
on 

Makasih kang, ternya ane kurang nulis labelnya

Karunia mengatakan...
on 

Maksih gan.... tutornya berhasil... Mantab...

Basir Annas Sidiq mengatakan...
on 

thanks you

Nikmaya John mengatakan...
on 

Membantu banget tipsnya,,, maksih gan,,,

hopefully can help you mengatakan...
on 

info bermanfaat tp masih bingung! :( maklum gk sekolah :) please visit back to my blog

edi182 mengatakan...
on 

terima kasih om sangat membantu....
salam blogging... http://belajardanpermainan.blogspot.com

Buy Contact Lenses Online mengatakan...
on 

Hey keep posting such good and meaningful articles.

Posting Komentar

Subscribe
 

About Me

Foto saya
peace and freedom, kata2 yang selalu ada dalam benak dan hati ku,,from bob marley

FEEDJIT Live Traffic Feed

top sites info


Search Engine Optimization and SEO Tools
Blog Search: The Source for Blogs

pengunjung

teman

Blog Archive