Cara membuat Widget Random Post Ringan di Blog

Cara membuat Random Post Keren di Widget Blog - Widget Random Post adalah salah satu Widget yang menampilkan berbagai Postingan atau Artikel blog secara acak,dan Widget Random Post ini salah satu Widget yang seringa di pakai atau banyak di sukai oleh para Blogger

Selain tampilan nya yang sederhana sehingga tidak memberatkan terhadap Loading suatu blog,Widget Random Post ini akan menampilkan berbagai artikel yang berada di postingan kita secara acak dan yang tampil hanya Judul Postingan nya saja

Keunikan dari Widget Random Post ini menampilkan setiap Artikel atau postingan secara acak setiap kali para pengujung blog membuka suatu halaman yang berada di blog,setiap kali pengujung blog membuka suatu halaman blog di setiap itu lah widget ini menampilkan postingan secara acak

Dan kali ini RoomahTips akan berbagi widget Random Post ini untuk sobat blogger semua,dan mungkin andapun akan menyukai Widget Random Post ini

Selain Tampilan nya yang sederhana Widget random post ini tidak mengganggu terhadap loading blog kalau bahasa kita nya tidak memberatkan terhadap loading blog sehingga sangat cocok apabila anda menggunakan Widget Random Post atau postingan acak di blog anda

Cara Memasang Widget Random Post atau Artikel acak di blog

Untuk sobat blogger yang ingin memasang widget Random Post ini di blog nya,mungkin anda sudah tau cara pemasangan nya,maka dari itu tinggal copy dan pastekan aja kode di bawah ini,namun untuk anda yang masih belum tahu,silahkan ikuti tutorial pemasangan widget Random Post ini

Silahkan anda msuk ke DashBoard Blogger dengan email dan pasword anda
Setelah berada di bagian Dashboard blogge kemudian silahkan anda klik Layout/Tataletak
Setelah itu silahkan klik "Add a Gadget"
Kemudian silahkan anda klik "HTML/Javascript
Dan Kemudian letakan kode berikut di kolom yang sudah tersedia

<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://roomahtips.blogspot.com/",
numPosts = 6;
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>

Kemudian Save Template

Catatan : Silahakan anda ganti alamat URL https://roomahtips.blogspot.com/ Dengan alamat blog anda

Nah itulah cara Membuat Widget Random Post atau Artikel acak di widget blog,dan mungkin sudah banyak blog yang men share tentang pembuatan Widget Random post atau Artikel acak ini,tetapi apa salah nya jika saya mengingat kan sobat blogger

ads