Wednesday, June 26, 2013

Cara Memasang Widget Random Posts di Blog

Klik Spoiler Berikut:
Cara Memasang Widget Random Posts di Blog
Sudah malam begini seharusnya saya sudah tidur. Namun karena susah tidur, lebih baik membuat posting saja  deh.
Kali ini saya akan membahas tentang Cara Memasang Widget Random Posts di Blog. Widget Random Posts ini tidak kalah penting dengan popular posts ataupun recent posts. Dimana Widget Random Posts ini menampilkan posting-posting pada Blog sobat secara acak dan berbeda pada setiap penayanganya. Sehingga posting-posting lama pada Blog sobat bisa ditampilkan kembali dengan Widget ini.
Dengan bisa ditampilkanya posting lama tersebut, tentunya membuat posting itu tidak terlalu diabaikan. Namun widget ini tidak disertai Gambar dan Penjelasan Konten, hanya memuat link Judulnya saja. Sehingga bagi sebagian sobat Blogger mungkin menilainya kurang menarik. Tapi cocok sekali untuk para Blogger yang menyukai kesederhanaan widget. Jika sobat ingin Widget Random Posts yang lebih menarik, silakan kunjungi Cara Membuat Widget Random Posts Keren di Blog.

OK, sobat Blogger yang tertarik dengan widget ini silakan simak Cara Membuatnya:
1. Login ke akun Blogger sobat tentunya.
2. Masuk pada bagian Tata Letak.
3. Klik Tambah Gadget di posisi yang sobat inginkan.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut.

<div style="overflow:auto; width:auto; height:250px; padding:5px;border:px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;"><script type="text/javascript">var randarray = new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total = parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ol>');for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";document.write(item);}}}document.write('</ol>');}</script><script src="http://adilzzz.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script></div>
<small><a href="http://regibrader-free.blogspot.com/search/label/Widget%20Blog" target="_blank">Blogger Widget</a></small><small><a href="http://regibrader-free.blogspot.com/2013/05/cara-membuat-widget-recent-posts.html" target="_blank">Get This Widget</a></small>

#Ubahlah kode berwarna merah dengan URL Blog sobat. Pada kode diatas terdapat kode-kode ukuran dan warna yang bisa sobat ubah. Contohnya kode yang berwarna hijau adalah tinggi widget. Dan kode berwarna biru adalah jumlah posting yang akan ditampilkan pada widget.

6. Klik Simpan dan selesai. Lihat hasilnya.

ads

Ditulis Oleh : Alimstudio Hari: 6:00 PM Kategori:

0 comments:

Post a Comment

Berkomentarlah dengan baik jangan berkomentar yang bersifat menjatuhkan
terima kasih

 

Kategori

Daftar Isi

Blogger

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

14.Memasang Chating Pada Blogger

15.Membuat Burung Twitter Berterbangan

16.Membuat Website atau Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

1. Memasang Menu Slide-In di Blogspot

2. Membuat Kotak Script / Css pada Postingan Blogger

3. Mematikan Fungsi Klik Kanan Pada Blog

4. Membuat Info melayang keren di blog 2013

5. Menghilangkan Tuilisan "Diberdayakan Oleh Blogger"

6. Membuat Widget Berlangganan Dengan Jejaring Sosial

7. Membuat Link Berwarna-Warni Seperti Pelangi

8. Membuat Spoiler Di Blog

9. Cara Membuat Tombol "Copy All" di Blog

10.Membuat Agar Blog Kita Tidak Bisa di Block

11.Menjadikan Postingan Blog Otomatis Muncul di Twitter dan Facebook

12.Kumpulan Efek-Efek Blog Lengkap

13.Cara Ping Blog ke Google

Site Info

Free Page Rank Tool