EndangKusman.Com

Blogging, Belajar Nge-Blog & Berbagi Info

Membuat Related Post Blogspot

Tutorial Blogspot Related Post

Memmbuat related post di bawah posting bisa dengan cara manual atau dengan cara menambahkan kode html di  template blog Anda. Dengan cara manual tentu setiap posting Anda harus memilih posting mana yang terkait, misalnya berdasarkan label. Membuat related post dengan cara manual tentu saja merepotkan dan membuang waktu, kalau jumlah posting masih sedikit pilih-pilihny masih mudah, tetapi kalau jumlah posting sudah ratusan bahkan ribuan tentu Anda akan repot memilih.

Mungkin Anda yang baru memulai ngeblog akan bertanya.. Apa gunanya related post? Gunanya adalah agar pengunjung blog kita dapat melihat artikel-artikel terkait/sejenis pada blog kita. Manfaat bagi bagi kita adalah ketika pengunjung mengklik related post, maka pengunjung menambah waktu berada di blog kita, dan satu catatan baik untuk blog kita dari Google untuk  meningkatkan page rank blog kita. Semakin lama pengunjung berada di blog kita dengan membuka-buka related post maka blog kita akan semakin baik dimata Google. Jika pengunjung blog yang direferensikan dari pencarian search engine khususnya Google kurang dari 30 detik berada pada blog kita, maka satu catatan jelek dari Google untuk blog kita. Juga, related post merupakan internal linking salah satu cara optimalisasi SEO.

Hal tersebut perlu saya sampaikan, jangan sampai Anda (terutama blogger baru) beranggapan bahwa memasang related post itu hanya untuk hiasan saja, dan jangan sampai Anda sebagai blogger pemula hanya ikut-ikutan saja. Seperti contohnya, banyak blogger yang memasang linkwithin dengan tampilan gambar kecil di bawah posting, menurut saya itu buka related post.

Saya kira cukup penjelasan tentang related post, langsung saja ke topik  pokok..berikut ini cara memasang related post di bawah artikel seperti blog saya yang sedang Anda baca :

  1. Login ke Blogger Anda >> pilih menu Template
  2.  Buat back-up template blog Anda dan simpan di komputer (untuk menjaga dikhawatirkan proses edit template tidak berjalan mulus). Jika hal itu terjadi, Anda jangan panik.. upload lagi back-up template yang telah Anda simpan.
  3. Pastikan back-up sudah tersimpan., selanjutnya centang Expand (agar proses editing sempurna)
  4. Cari kode : </head>  gunakan ctrl F
  5. Tempel kode berikut (jangan ada yang terlewat), persis di atas </head>

<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>

6. Lalu cari kode <data:post.body/> dan tempel kode berikut persis di bawahnya.

<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:blog.pageType == “item”‘>
<script expr:src='”/feeds/posts/default/-/” + data:label.name + “?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5″‘ type=’text/javascript’/>
</b:if>
</b:loop>
</b:if>
<b:if cond=’data:blog.pageType == “item”‘>
<h4>Artikel Terkait</h4>
<script type=”text/javascript”>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if> 

7. Simpan template. Selamat mencoba.

Apabila ada 2 kode <data:post.body/> coba pada kode yang pertama, jika tidak berhasil, coba di bawah kode <data:post.body/> yang kedua. Selamat mencoba

Updated: 15/07/2012 — 8:48 am

1 Comment

  1. mantappp tutornya. tes dulu gan 🙂

Comments are closed.

EndangKusman.Com © 2015 - Contact - Privacy - Disclaimer - Sitemap Frontier Theme