Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara Memasang Random Post di Bawah Postingan

Cara Memasang Random Post di Bawah Postingan
Sudah banyak yang membuat random post, ada yang juga random post yang disertai thumbnail. Sekarang kita akan belajar untuk menampilkan random post di bawah postingan. Jika biasanya di bawah postingan adalah related post berdasarkan kategori, ini memiliki kelebihan dan kekurangan.

Kelebihannya related post yang ditampilkan memang benar-benar terkait dengan postingan. Sedangkan kekurangannya adalah yang ditampilkan hanya yang terbaru, sehingga kurang bisa mempromosikan postingan-postingan terdahulu. Sehingga menu postingan yang ditampilkan related post cenderung statis.

Kelebihan memasang random post di bawah postingan adalah, menu di bawah postingan akan lebih dinamis. Postingan-postingan yang terdahulu, setahun yang lalu pun bisa tampil. Secara acak judul-judul postingan akan tampil di bawah halaman yang sedang dibaca pengunjung blog kita.

Cara Memasang Random Post di Bawah Postingan
Tampilan baru edit template
Cara Menampilkan Random Post di Bawah Postingan
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode <data:post.body/>, jika blog memakai auto read more mungkin kamu akan menjumpai 3 tag kode seperti itu. Pilih yang sesuai di mana kamu biasanya menaruh widget di bawah post. Lalu taruh kode berikut di bawahnya;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h3>Baca juga tulisan menarik lainnya</h3>
&lt;script type=&quot;text/javascript&quot;&gt;
var acakarray = new Array();var l=0;var flag;
var numofpost=7; function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i &lt; numofpost;){flag=0;acakarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in acakarray){if(l==acakarray[j]){ flag=1;}}
if(flag==0&amp;&amp;l!=0){acakarray[i++]=l;}}document.write(&#039;&lt;ul&gt;&#039;);
for(n in acakarray){ var p=acakarray[n];var entry=json.feed.entry[p-1];
for(k=0; k &lt; entry.link.length; k++){if(entry.link[k].rel==&#039;alternate&#039;){var item = &quot;&lt;li&gt;&quot; + &quot;&lt;a href=&quot; + entry.link[k].href + &quot;&gt;&quot; + entry.title.$t + &quot;&lt;/a&gt; &lt;/li&gt;&quot;;
document.write(item);}}
}document.write(&#039;&lt;/ul&gt;&#039;);}
&lt;/script&gt;
&lt;script src=&quot;/feeds/posts/default?alt=json-in-script&amp;start-index=1&amp;max-results=1000&amp;callback=randomposts&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</b:if>

4. Angka 7 adalah banyaknya judul yang ditampilkan.

Keuntungan memasang random post di bawah postingan adalah untuk memberikan menu yang bersifat navigasi, sehingga selain untuk mempromosikan postingan lama bisa juga untuk menambah page view blog. Setelah selesai membaca postingan, diberikan lagi pilihan untuk membaca postingan yang lain. Random post di bawah postingan cocok untuk blog yang kontennya khusus atau satu tema bahasa, seperti blog ini.