KAWAH PAPANDAYAN

Cara Membuat Widget Random Post Pada Blog

Cara Membuat Widget Random Post Pada Blog - kali ini sundaboy akan share dan berbagi bagaimana Cara Membuat Widget Random Post Pada Blog, Random Post Pada Blog maksudnya kita akan mencoba membuat sebuah widget yang akan menampilkan Postingan atau artikel secara acak pada Blog. Dengan membuat Random Post maka akan memudahkan pengunjung untuk melihat postingan yang terdahulu. sebelum melanjutkan cara membuat Random Post, sahabat bisa baca artikel sundaboy sebelumnya yaitu : Cara membuat related post dengan gambar berjalan, Cara membuat widget artikel terpopuler


Untuk Membuat Random Post kali ini sundaboy akan memakai kode script jquery, dimana tampilan Widget akan terlihat semakin menarik. Postingan akan muncul secara acak dengan gambar thumb yang bergerak dari atas kebawah secara bergantian.

Widget Random Post ini tentu tidak akan memberatkan loading pada blog, kalau sahabat penasaran dengan Widget Random Post ini silahkan sahabat bisa melihat demonya dibawah ini :




Nah sekarang bagi sahabat yang ingin Membuat Widget Random Post Pada Blog, silahkan sahabat lakukan langkah berikut ini :

1. Login ke Blogger

2. Pilih Tata Letak

3. Selanjutnya tambahkan Widget baru dengan meng-klick "Add Gadget"

4. Pilih HTML/Javascript

5. Copy kode script dibawah ini dan pastekan kedalam Widget tersebut

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><center><strong>RANDOM POST</strong></center>
<center>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:1px;
padding:0px 0px;
height:300px;
}
#spylist ul{
width:100%;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:100%;
padding: 0px 0px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
width:100%;
font-size:10px;
height:12px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:8px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:12px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://lh4.googleusercontent.com/-zmvEs7dtp3U/T9L0Ke6YvXI/AAAAAAAAA0k/5xApt7ciJwU/s128/logo.png";
imgr[1] = "https://lh4.googleusercontent.com/-zmvEs7dtp3U/T9L0Ke6YvXI/AAAAAAAAA0k/5xApt7ciJwU/s128/logo.png";
imgr[2] = "https://lh4.googleusercontent.com/-zmvEs7dtp3U/T9L0Ke6YvXI/AAAAAAAAA0k/5xApt7ciJwU/s128/logo.png";
imgr[3] = "https://lh4.googleusercontent.com/-zmvEs7dtp3U/T9L0Ke6YvXI/AAAAAAAAA0k/5xApt7ciJwU/s128/logo.png";
imgr[4] = "https://lh4.googleusercontent.com/-zmvEs7dtp3U/T9L0Ke6YvXI/AAAAAAAAA0k/5xApt7ciJwU/s128/logo.png";
showRandomImg = true;
boxwidth = 200;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 9;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://www.sundaboy.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://sundaboy.googlecode.com/files/Artikel%20Terkait%20berkedip.txt' type='text/javascript'></script>
</div></center>

6. Keterangan
- RANDOM POST = Judul Widget Random Post
- height:300px; = Tinggi Widget
- width:100%; = Lebar Widget ( 100% akan menyesuaikan secara otomatis dengan ukuran Widget)
- numposts = 100; = Jumlah Postingan yang akan di munculkan

7. Ganti url http://www.sundaboy.com/ dengan url milik sahabat.

8. Simpan dan lihatlah hasilnya


Nah itulah Cara Membuat Widget Random Post Pada Blog yang dapat sundaboy share, semoga bermanfaat, kalau ada kesulitan silahkan untuk berkomentar pada kotak komentar dibawah ini. sekian dan terimakasih


Ditulis Oleh : Yudus | Media Sharing Sundaboy

Sahabat sedang membaca tulisan Cara Membuat Widget Random Post Pada Blog. Yang ditulis oleh sundaboy Grt. Apabila sahabat ingin menyebar luaskan artikel ini untuk kepentingan umum, dimohon untuk menyertakan Link sumber dibawah ini. Untuk Kritik dan sarannya sahabat bisa mengirimkan pada kotak komentar dibawah, atau melalui email sundaboy88@gmail.com. tengkyu

7 komentar:

  1. Trik and Tips26 Juni 2012 13.59

    di blogku berhasil gan, makasih ya.. lain kali saya pasti mampir lagi :)

    BalasHapus
  2. trmakasih infonya sob. dan salam kenal.

    BalasHapus
  3. bro kalo untuk mengatur kecepatannya gimana bro, biar gk terlalu cepet

    BalasHapus
  4. Budi :
    sama sama gan

    Vinojaja :
    ganti aja angka intervalspy=4000

    BalasHapus
  5. Thanks an sudah saya terapkan. :) vsit back

    BalasHapus
  6. Tq gan siipp... Keren uda saya pasang.

    BalasHapus
  7. Gan kenapa yang muncul artikel terbarunya bukan artikel acak

    BalasHapus

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================