Kamis, 15 September 2011

Cara Membuat Artikel Terkait/Related Post Di Sidebar Blog

Membuat Related Post atau Artikel Terkait merupakan salah satu trik blogger untuk menambah jumlah pundi pundi Pageview pada blog. Related Post pun dibuat dengan berbagai macam kreasi dan rupa, Selain itu bisa menambah SEO blog kita dengan adanya Related Post/Artikel Terkait salah satu contohnya adalah Related Post Pada Sidebar.Ikuti langkah-langkah cara membuatnya di bawah ini:
  • Masuk ke Blogger
  • Rancangan - Edit Html - centang"Expand Widget Template"
  • Kemudian letakkan kode berikut sebelum kode </head>
<script src='http://cayunkatel.googlecode.com/files/sidebar.js' type='text/javascript'> </script>
  • Kemudian cari kode seperti 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 != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
  • Jika sudah ketemu, tambahkan kode berikut kedalamnya :
<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 != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Kode yang berwarna hijau adalah kode yang harus anda tambahkan, sedangkan yang berwarna biru adalah jumlah post yang ingin anda tampilkan.
  • Lalu simpan Template.
  • Kemudian anda beralih ke Add Widget, pilih Html/Javascript -- tambahkan kode berikut.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
  • Save Widget.
Selamat Mencoba.

Tidak ada komentar:

Posting Komentar