Senin, 10 Oktober 2011

Cara Membuat Artikel Terkait/Related Post Di Sidebar Blog

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, salah satu contohnya adalah Related Post Pada Sidebar. berikut ini langkah langkah membuatnya :


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


yang berwarna merah adalah kode yang harus anda tambahkan, sedangkan yang biru adalah jumlah post yang ingin anda tampilkan.

Lalu simpan Template.
Kemudian anda beralih ke Add Widget, pilih Html/Javascript -- tambahkan kode berikut dan beri judul widget dengan Related Post.

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Save Widget.