Iklanheader(ada)

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.
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.ekopriantoblogs.top",
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.ekopriantoblogs.top 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๐Ÿ˜€

0 Response to "Cara Membuat Widget Random Post Di Blogger"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1 ada

Iklan Tengah Artikel 2

Iklan Bawah Artikel ada