Tutorial Memasang Random Post Responsive Di Blog

Cara Pasang Widget Random Post Responsive di Blog,- Bagi para pemilik Blog khususnya yg berplatform Blogger, asertaya widget sangat membantu pemilik Blog untuk menambahkan Java Script atau isyarat CSS pihak ketiga dengan mudah, penggunaanya pun tidak terlalu sulit tanggal pilih Tata letak, Tambahkan Gadget kemudian pilih HTML/Java Scipt. cara ini sangat gampang kalau ketimbang dengan Edit HTML ditemplate yg sangat rumit.

Bagi Pemilik Blog yg sudah memiliki Banyak Postingan, Namun memiliki permasalahan page View sedikit. Hal ini dikarenakan pengunjung hanya mengunjungi artikel yg di ingin dilihat saja, tanpa melihat artikel lainnya. permasalahan ini sering dikeluhkan oleh para pemilik Blogger alasannya yaitu kurangnya page view di Blog. Namun sesungguhnya ada cara untuk meningkatkan Page View Blog ibarat menempatkan widget Popular Post, Recent Post serta Random Post, dengan menempatkan widget tersebut pengunjung akan dengan gampang melihat artikel lain yg sekiranya menarik dari blog anda yg tentunya akan meningkatkan PageViews Blog.

Namun dari ketiga Widget yg aku sebutkan diatas yaitu Popular Post, Recent Post serta Random Post, yg mungkin akan paling banyak meningkatkan page View yaitu Random Post atau Artikel Acak. Karena Random Post akan menampilkan Postingan anda secara acak, yg memungkinkan menarik perhatian dari pengunjung untuk melihat salah satu artikel usang atau gres di Blog anda.


Oleh alasannya yaitu itu silahkan pasang Random Post atau Artikel Acak untuk meningkatkan Page View dari Blog anda, Namun kebanyakan Random post tidak Responsive atau hanya muncul beberapa saja padahal yg ditampilkan cukup banyak, Hal ini sangat merugikan alasannya yaitu bukan hanya artikel yg ditampilkan di random post tidak muncul, melainkan sanggup saja script random post akan memberatkan loading Blog.

Oleh Karena Itu Disini aku akan membagikan Cara Memasang Random Post di Blog melalui Widget yg dijamin Responsive serta semua Judul postingan akan muncul. Untuk Caranya Bisa dilihat dibawah ini.

Cara Memasang Widget Random Post Responsive di Blog


1. Pertama silahkan masuk ke Dasboard Blogger - Tata Letak - Tambahkan Gadget serta Pilih Menu HTML/Java Script

2. Kemudian Silahkan Kasih Judul, sanggup Random Post, Artikel Acak atau Terserah anda. Dan Pada bab Kolom Bawah Silahkan Isi dengan Kode CSS dibawah ini.

<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://blogespada.blogspot.com/",
numPosts = 7;
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="Tutorial Memasang Random Post Responsive di Blog" 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>

Pengaturan :

  • Ganti var homePage: Dengan URL blog anda
  • Ganti numPosts: Dengan Jumlah Artikel yg ingin ditampilkan

3. Terakhir Tinggal Simpan serta Lihat Hasilnya. Untuk Demonya silahkan lihat di Blog ini pada bab Footer.

Demikian Artikel Mengenai Cara Memasang Widget Artikel Random di Blog Responsive. Sekian Tutorial Blog yg sanggup aku bagikan serta Semoga Bermanfaat.

Artikel Terkait