Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Cara Membuat Widget Random Post Di Blogger

tutorial blogging kali ini saya akan berbagi cara membuat widget random post di blogger. kemarin saya sudah posting tutorial cara membuat widget Recent post dan juga tutorial cara membuat widget Popular post.

Fungsi dari widget random post adalah menampilkan artikel secara acak. Baik artikel lama maupun artikel baru. Dengan adanya widget ini diharapkan artikel artikel lama di blog kita bisa juga dikunjungi oleh pengunjung blog kita. Dan tentu saja hal ini membantu meningkatkan pageview blog kita.

Ok langsung saja kita menuju ke tutorialnya. Tutorial sangat mudah, kamu tinggal ikuti saja langkah dibawah ini.
cara membuat widget random post di blogger
cara membuat widget random post di blogger

cara membuat widget random post di blogger

Yang pertama dilakukan adalah pilih tata letak>>>lalu pilih tambahkan widget>>>lalu pilih html/javascript>>>lalu copy kode script dibawah ini.

<ul id="random-posts"></ul>
<style scoped="" type="text/css">
#random-posts{list-style:none;margin:0;padding:0}
#random-posts li{padding:0 0 10px 0;font-size:90%;margin:5px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#random-posts li a{color:#333}
</style>
<script type='text/javascript'>
//<![CDATA[
var homePage = "http://www.ekopriantoblog.id",
numPosts = 5;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>

Lalu paste>>>dan jangan lupa disimpan

Catatan
Rubah alamat url "www.ekopriantoblog.id" yang berwarna hijau menjadi alamat url blog kamu.

Rubah angka 5 yang berwarna merah terserah kamu menjadi angka berapa. 

Itu adalah angka berapa jumlah artikel yg tampil di blog kamu di widget itu.

Ok cukup sekian tutorial cara membuat widget random post di blogger. Bila ada pertanyaan seputar hal ini bisa ditanyakan di kolom komentar. See ya😀

Post a comment for "Cara Membuat Widget Random Post Di Blogger"