Cara Membuat Widget Random Post - Random Post merupakan kumpulan judul artikel atau postingan blog yang ditampilkan secara acak, baik artikel lama maupun baru. Setiap kali pengunjung membuka judul artikel yang berbeda, maka widget ini akan menampilkan judul-judul artikel yang juga berbeda-beda. Dengan cara ini, pengunjung blog dapat dengan mudah mengetahui artikel-artikel blog Anda.
Untuk memasang widget random post di blog caranya sangat mudah. Bagi Anda yang memiliki blog dengan beragam artikel, widget random post sangat cocok ditampilkan di blog Anda. Berikut ini langkah-langkah membuat widget random post ringan di blogspot :
Baca artikel : Cara Membuat Widget Email Subscribe Di Sidebar
1. Login ke blog Anda.
2. Pada menu navigasi blog, pilih "Tata Letak".
3. Klik "Tambah Gadget".
4. Pada jendela tambahkan gadget, klik "HTML/JavaScript".
5. Selanjutnya copy script di bawah ini, paste ke kolom konten widget.
<style type='text/css'>
#random-posts {
list-style: none;
margin: 0;
padding: 0;
}
#random-posts li {
padding: 0 0 5px 0;
font-size:16px;
margin: 5px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#random-posts li a:hover {
color: #39a6f3;
}
#random-posts li a {
text-decoration: none;
font-weight: 400;
font-size: 14px;
color: #444;
line-height: 1.4em;
transition: all ease-in-out .1s;
}
</style>
<ul id="random-posts"></ul>
<script type='text/javascript'>
//<![CDATA[
var homePage = "https://Nama Blog.blogspot.com/",
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>
- Ganti Nama Blog dengan nama blog Anda
- 5 adalah jumlah judul yang ditampilkan, ubah sesuai keinginan Anda.
6. Setelah selesai menempatkan script, klik tombol "Simpan".
Baca juga artikel : Cara Membuat Pemberitahuan Blog Dalam Perbaikan
Itulah Cara Membuat Widget Random Post di blog yang bisa Anda lakukan dengan mudah. Semoga bermanfaat.
Share artikel... !
