Biasanya Daftar Artikel terkait dengan sebuah posting di letakkan di bawah posting tersebut, ini fungsinya adalah untuk memudahkan pengunjung blog kita untuk membaca tulisan yang masih berhunbungan dengan tulisan/artikel tersebut baik itu panduan, tutorial, cara, tips, trik, dsb. Selain itu Related post juga berguna untuk meningkatkan Page View di blog kita dan memperbanyak internal link.
Ok mari kita mulai :)
Panduan Membuat Artikel Terkait Di Blogger
Untuk membuat deretan Related Post Di Blogger maka kita memerlukan sebuah Script yang akan membantu kita untuk menampilkan Artikel Terkait.
Silakan login dulu ke akun blogger anda kemudian Klik Menu Design/Tata Letak => Edit Html => Setelah itu beri centang pada pada bagian Expand Widget Templates (Pada Blog Yang Ingin Anda Pasangi Script Related Post)
Berikut Script Related Post yang harus kita pasang
<SCRIPT type='text/javascript'>Letakkan Script Related Post tersebut sebelum kode </head>
//<![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>');
}
//]]>
Kemudian itu cari kode ini
<b:loop values='data:post.labels' var='label'>Ganti semua kode tersebut dengan kode ini
<A expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></A><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
<b:loop values='data:post.labels' var='label'>Setelah itu cari kode <DIV class='post-footer-line post-footer-line-3'/> kemudian letakkan kode ini di bawahnya.
<A expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></A><b:if cond='data:label.isLast != "true"'>,</b:if>
<SCRIPT expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:loop>
<b:if cond='data:blog.pageType == "item"'>Keterangan : Kode di atas adalah kode yang akan menampilkan deretan artikel terkait atau related post, anda bisa meletakkannya di tempat yang anda inginkan dan menurut anda bagus.
<H4>Artikel Terkait Lainnya </H4>
<SCRIPT type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</SCRIPT>
</b:if>
Sebelum menyimpan pengaturan yang sudah anda lakukan sebaiknya di cek lagi, jika sudah yakin silakan simpan perubahan nya.
Sekarang coba lihat salah satu halaman artikel blog anda, jika anda sudah melihat deretan artikel terkait di bawah posting blog maka itu artinya anda berhasil, namun jika anda tidak melihatnya mungkin ada kesalahan yang harus anda perbaiki, silakan cek lagi semua kode nya.
Oh ia....
Script Related Post ini akan menampilkan deretan artikel terkait berdasarkan label yang sama, jika tulisan/artikel anda tidak memiliki label maka related post juga tidak ada. Jika masih bingung apa itu label silakan baca : Mengenal Fungsi Label Di Blogger & Cara Penggunaannya
Sebaiknya anda Back-up dulu template anda sebelum melakukan perubahan kode-kode pada template anda :) sekedar antisipasi saja.
Silahkan di coba dan semoga berhasil :) sampai jumpa di posting blogger tutorial Bli Tyan berikutnya.
Please subscribe, leave a comment, follow this blog and share this article with your friends and colleagues.
by: http://blityan.blogspot.com
Related Post :
blogger script
- Menampilkan Tanggal Terbit Posting Pada Hari Yang Sama
- Membuat Efek Tulisan Dengan CSS Text Shadow
- Bikin Spoiler Di Blogger (Spoiler Script)
- User Online Widget Untuk Blog/Situs
- Widget Featured Slider Otomatis Untuk Blogger
- Membuat Recent Post by Label Thumbnail Saja
- Cara Membuat Tulisan Mengikuti Cursor
- Bikin Recent Post by Label With Thumbnail Script
- Cara Mudah Mengganti Favicon Blogger
- Statistik Kunjungan + User Online Status
blog tools
- Ayo Ukur Kecepatan Koneksi Internet Anda
- Analisa Kecepatan Loading Blog
- DaftarIsi
- Mau Pasang Google Pagerank Button?
- Cek Kecepatan Loading Blog Yuk
- Statistik Kunjungan + User Online Status
- Cara Pasang Statistik Kunjungan Di Sidebar Blog
- Merubah Background Dengan Gambar / Warna
- Plugin Wordpress Yang Perlu Di Install
- Dafrtar Kode Warna HTML Untuk Blogger
0 comments:
Post a Comment