Tutorial Cara Membuat Widged Random Post Blogger

Tutorial Cara Membuat Widged Random Post Blogger- Hallo Semua, Pada postingan Kali ini MasBagus akan membahas tentang random post widged pada blog. Bagi sahabat blogger pemula yang baru memasukki dunia blogger , widged random post ini sangat saya sarankan buat dipasang di blog kalian. Mengapa? Tentusaja agar visitor blog melihat artikel lain yang ada di blog , lalu penasaran ingin membacanya. Jika semakin banyak visitor membaca artikel di blog anda,tentusaja akan semakin meningkatkan page preview  blog anda. Bagaimanakah tampilan Random post itu sendiri?

Lihat Gambar di bawah ini, widged random post yang telah dibuat nantinya akan memiliki tampilan seperti yang ditunjukkan oleh tanda panah.

Terus gimana cara membuat widged random postnya mas? Sabar. MasBagus Akan menjelaskannya step by step hingga kalian paham. Oke ... mari kita mulai

Tutorial Cara Membuat Widged Random Post Blogger

• Pertamakali yang harus anda lakukan untuk membuat random post widged ialah mengcopy kode dibawah ini
  

<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.arbagus.web.id/",
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>

Catatan: Ubah http://www.arbagus.web.id/   Dengan Url Blog kalian
              Ubah numPosts = 5  Sesuaikan dengan banyaknya post yang ingin di tampilkan

• Setelah code tersebut di copy, selanjutnya masuk ke dalam Ikhtishar blog kamu
  

• Lalu Pilih Tata letak> Tambahkan gadged> Pilih Html/Javascrip
  

• Dan kemudian Paste kan kode yang telah disalin tadi seperti gambar dibawah ini
  

• Setelah itu Simpan Dan lihat hasilnya di blog kamu
   

Mudah bukan? Selamat Mencoba Sampai jumpa di artikel dari MasBagus Lainnya ^_^ ...