Cara Membuat Related Post di Blogger
Related Post sangat berpengaruh pada traffic blog Anda. Tapi di blogger belum ada widget related post. Tapi tenang saya sudah dapat ilmunya dari bloggertemplates.itmag.org dan sudah saya buktikan. Caranya ikuti petunjuk di bawah :
Masuk ke layout, masuk ke edit html, download full template, lalu klik Expand Widget Template
Paste kode di bawah ini dalam tag <head>, taruh saja di bawah tag itu
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
Scrool ke bawah dan temukan kode di bawah ini
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
Ganti kode di atas dengan ini
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
Setelah itu masuk ke page elements, klik add a page element, pilih yang html/javascript. Dan copas kode di bawah ini :
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
Simpan dengan judul Related Posts (bisa diganti)
Klik Edit HTML lagi, expand widget template, perhatikan kode di bawah ini :
<b:widget id='HTML25' locked='false' title='Related Posts' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div><b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Sisipkan kode yang dicetak tebal di atas. Perhatikan juga pada title, bila Anda menggunakan judul lain pada elemen halaman tadi, maka bukan related posts tetapi itu adalah judul Anda.
Sekarang simpan, dan preview. Anda bisa lihat contohnya di SINI. Ada yang ingin menambahkan?
![Dofollow Blog](http://4.bp.blogspot.com/_24XEVTWS5HE/S3ZX4ss1pkI/AAAAAAAACOw/uVWGkHIaBQM/s400/dofollowlogo.jpg")
Loading ...
di wordpress gimana ya?
Sudah saya buat di halaman ini mas.. :mrgreen:
http://melodanta.com/plugin-related-post-buat-wordpress.html
thx buat tipsnya :)
yup sama2 :grin:
Kalo untuk blog engine lain bisa tidak ??? seperti punya aku
gratisans last blog post..Kontes "Kampanye Damai Pemilu Indonesia 2009"
Wuaduh.. maaf mas kelewat… hmmm ngomong2 mas pake apa ya.. kemungkinan si ga bisa mas.. hmmm tapi tetep semangad!!
[...] Cara Membuat Related Post di Blogger (5) [...]
Nice tips, thanx…
Red Gears last blog post..Freewarefiles.com; Solusi Software Gratis Anda
Yupz.. terimakasih :D
sudah di praktekan dan berhasil
thx ya…
Yupz.. sama2 mas :D
thank banget infonya.saya sudah lama ingin menjalankan tip ini namun masih terkendala waktu dan ilmu.
thank atas ilmunya
blog-solusi´s last blog ..exist ngeblog? boleh tuh sambil cari dolar juga
Wah.. iya mas.. sama2.. suwun ya sudah mampir :D
Boss minta ijin copy ya untuk dituliskan ulang di http://gardu-info-tips.blogspot.com/2009/08/related-post-di-blogspotcom-cara.html
saat disimpan ada pesan error dan tidak mau disimpan templatenya. Ada perintah yang kurang, tapi dengan bantuan referensi blog lainnya akhirnya bisa di simpan. thank ya.
gardu-info-tips´s last blog ..Tutorial Membuat Halaman Theme Wordpress
hmm…info menarik neh. coba dulu aaahh.tks ya om
sahabat blogger´s last blog ..4 Jurus Maut Menjadi Sukses
Sip bos tips nya berhasil meski agak ribet sih
Oyah jangan lupa yah liht ya di di blogku
Nadiar´s last blog ..5 Thinnest Notebooks with High Performance
kok g bisa y mas? muncul tulisan Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
Pesan error XML: Open quote is expected for attribute “{1}” associated with an element type “title”.
mascipul´s last blog ..Download AVG antivirus Pro expired 2018
thanks tutorial nya
software gratis, serial number, crack, key, terlengkap
tidak bisa di parse
fabrei´s last blog ..Membuat Dropcap di Posting Blog
kok gak bisa ya??
fajar ´s last blog ..LCD monitor
Mas, kalo buat di blogsome sama g? masih bingung nich..
Hmmm sepertinya ga bisa lho mas.. blogsome berbeda dengan blogspot.. pindah ke blogspot aja .. hehehehehehe ^^
thanks untuk panduannya :)
azzaam´s last blog ..Mobil Hybrid Pertama Lamborghini Bernama “Madura”
Yupz.. sama2 mas ^^
keren gan,, udah aku coba di blog aku…. tapi agak ribet juga sehh… soallnya huruf “&” di HTML mesti dirubah dulu….tapi udah bisa kok.. thanks ..sangat membantu nehh……
yuli´s last blog ..Graffiti Tattoos design
Terimakasih mas atas koreksinya.. selamat sudah jadi ya ^^
Trims artikelnya, lengkap banget caranya. aku copy dulu buat referensi untuk nanti kalo pengen edit blogku.
Oke oke mas ^^
perasaan saya dulu nemuin cara mudah nambahain related post cuman nambah satu kali doang di body postnya, tapi lupa lagi webnya. yang ini mah kepanjangan mas.
Wah begitu ya .. hehehehe.. soalnya ini tutorial lama mas.. akan saya carikan yang baru.. terimakasih sudah mengingatkan ^^