Cara Asik Membuat Random Post pada Blog

Random post merupakan suatu widget untuk menampilkan postingan secara acak  dari weblog dan sangat berguna untuk website atau blog SEO karena disangka mampu memberikan internal link serta ringan dan valid html 5. 

Dengan random-post ini pengunjung dapat mengetahui postingan lainnya dari blog kita. Sebenarnya blogger juga menyediakan widget feed yang fungsinya sama seperti random post. Bagi anda yg ingin membuat widget random post di blog, simak langkah-langkahnya secara seksama berikut ini.

Langkah I Membuat CSS Random Post

1. Log in ke akun blogger Anda
2. Kemudian klik menu template.
3. Klik edit html.
4. Salin (Copy) paste script berikut diatas tag: ]]></b:skin>.

#random-post {width: 300px;float: right;margin-top: -15px;}#random-post li{list-style: none;padding:5px;}#random-post li {list-style: none;border-bottom: 1px solid #ddd;font-size: 14px;text-align: left;}#random-post h4 {font-weight: 400;text-transform: uppercase;padding: 10px;background: #287F8D;color: #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;font-size: 14px}#random-posts ul {margin: 0;padding: 0;border: 1px solid #ddd;border-top: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}#random-posts a {color: #287F8D;text-decoration: none;}#random-post li:last-child {border-bottom: 0;}


Catatan: Tanda teks warna merah dapat anda ganti sesuai kebutuhan

Langkah II Membuat Script Random Post

1. Login ke akun blogger.
2. Kemudian klik menu template.
3. Klik edit html.
4. Pastekan kode berikut diatas kode </head> 
5. Setelah copy-paste selesai Simpan template

<script>/*<![CDATA[*/var homePage="http://caraasik.blogspot.com",maxResults=5,containerId="random-post";function getRandomInt(b,a){return Math.floor(Math.random()*(a-b+1))+b}function shuffleArray(a){var d=a.length,c,b;if(d===0){return false}while(--d){c=Math.floor(Math.random()*(d+1));b=a[d];a[d]=a[c];a[c]=b}return a}function createRandomPostsStartIndex(a){var b=getRandomInt(1,(a.feed.openSearch$totalResults.$t-maxResults));document.write('<script src="'+homePage+"/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index="+b+"&max-results="+maxResults+'&callback=randomPosts"><\/script>')}function randomPosts(k){var g,e=document.getElementById(containerId),h=shuffleArray(k.feed.entry),b="<h4> Random Post<a href="http://caraasik.blogspot.com.com/" title="Get Widget Recent Post" target="_blank" rel="dofollow"><img style="float: right;" src="pasang URL image ......" height="20px" width="20px" tilte="Get Widget Recent Post" alt="Get Widget"/></a></h4> <ul>";for(var d=0,f=h.length;d<f;d++){for(var c=0,a=h[d].link.length;c<a;c++){g=(h[d].link[c].rel=="alternate")?h[d].link[c].href:"#"}b+=' <li><a target="_blank" href="'+g+'">'+h[d].title.$t+"</a></li> "}e.innerHTML=b+"</ul> <a href='http://caraasik.blogspot.com/' title='caraasik.com' target=_blank' rel='dofollow'>Get Widget</a>"}document.write('<script src="'+homePage+'/feeds/posts/summary?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex"><\/script>');/*]]>*/</script>

Semoga berhasil

Informasi lebih lanjut bisa klik link di bawah ini:

Share this

Agus Priyono - Bangka Belitung