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😀

subscribe via email:

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

Posting Komentar

-Silahkan berkomentar dan meninggalkan jejak dengan baik. Admin blog ini sangat aktif, Saya akan segera melakukan kunjungan dan komentar balasan di blog kamu.
-dilarang menggunakan link aktif didalam komentar. Apabila ada yang masih menggunakan, maaf terpaksa saya hapus.
-gunakan link aktif menggunakan name/url.
-dilarang berpromosi didalam komentar, buka saja menu kontak kalau mau berpromosi.
-dilarang berkomentar SARA, hoax atau ujaran kebencian. Bila ada terpaksa saya hapus.
-Terima kasih atas kunjungannya dan tunggu komentar saya di blogmu

Iklan link

Iklan Tengah 1

Iklan tengah2

Iklan Bawah Artikel ada