Cara Memasang Random Post dengan Thumbnail di Blog

Pada beberapa template atau theme blog, memasang random post baik dengan gambar thumbnail maupun tidak, menjadikannya terlihat dinamis dan menarik. Walaupun memang tidak semua blogger menyukainya, semuanya kembali kepada selera masing-masing, dan memang kenyataanya tidak semua template blog kelihatan menarik dengan tambahan aksen atau widget random post.

Tapi sebenarnya banyak keuntungan bagi kita ketika menambahkan random post pada blog. Seperti kita ketahui fasilitas entry populer tidak cukup untuk menampilkan artikel kita yang lain yang terkadang tidak cukup populer dikalangan pengunjung sehingga jarang sekali tampil dalam widget ini, fasilitas archive terkadang tidak cukup menarik untuk ditampilkan di blog, ataupun pasilitas lainnya seperti sitemap. Maka pilihan random post layak anda coba.

Fasilitas Random post manampilkan artikel-artikel kita secara acak setiap penayangan, sehingga artikel di awal-awal bloging pun bisa tampil. Random Post bisa diletakan sebagai widget pada blog seperti dibawah postingan, atau bisa juga diletakan pada template blog, sesuai selera kita.

Bagi anda yang ingin mencoba memasang Random Post untuk blog anda, berikut beberapa kode yang bisa anda gunakan.

Pertama, Jika ingin meletakannya sebagai widget.
Silahkan log in kemudian pilih "tata letak", kemudain pilih "tambahkan gadget" dan pilih "HTML/Javascript".
Kemudian copy kode berikut dan simpan.
1. Code Random post dengan gambar thumbnail.

Angka "65" merupakan lebar tampilan tiap artikel random.
Angka "125" merupakan jumlah karakter cuplikan artikel.
Angka "5" merupakan jumlah artikel yang akan ditampilkan
Angka "1000" jumlah maximal artikel yang bisa diambil, jika postingan anda lebih dari 1000, silahkan ganti.
Semuanya bisa anda rubah.

2. Code Random post tanpa gambar thumbnail.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
Angka "10" merupakan jumlah artikel yang akan ditampilkan.
Angka "1000" jumlah maximal artikel yang bisa diambil, jika postingan anda lebih dari 1000, silahkan ganti.
Semuanya bisa anda rubah.

Kedua, Jika ingin meletakkannya dalam template blog.
1. Silahkan log in kemudian pilih "template" dan "edit html"
2. Cari kode <data:post.body/> dan letakkan kode random post dibawahnya, gunakan (ctrl+F).
3. Jika anda menggunakan auto readmore, letakkan kode random post dibawah kode readmore.
4. Berikut kode untuk random post:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h3>Artikel Menarik Lainnya</h3>
&lt;script type=&quot;text/javascript&quot;&gt;
var acakarray = new Array();var l=0;var flag;
var numofpost=5; 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>

Kalimat "Artikel Menarik Lainnya" dan angaka "5" merupakan jumlah artikel yang akan tampil secara random, anda bisa merubahnya sendiri. (cakra)