Slide Show Recent Posts

Kali ini, mbahas tentang gadget favorit saya, hehehe, ,
Bikin postingan terbaru, tapi d buat slide show, keren kan? hehehe, , ,
Gini nieh caranya,

1. Masuk ke Rancangan
2. Tambah gadget
3. pilih HTML/Javascripts
4. Copast kode berikut
   
   
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
   <style type="text/css" media="screen">
   <!--
   
   #spylist {
   overflow:hidden;
   margin-top:5px;
   padding:0px 0px;
   height:350px;
   }
   #spylist ul{
   width:220px;
   overflow:hidden;
   list-style-type: none;
   padding: 0px 0px;
   margin:0px 0px;
   }
   #spylist li {
   width:208px;
   padding: 5px 5px;
   margin:0px 0px 5px 0px;
   list-style-type:none;
   float:none;
   height:70px;
   overflow: hidden;
   background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
   border:1px solid #ddd;
   }
   
   #spylist li a {
   text-decoration:none;
   color:#4B545B;
   font-size:11px;
   height:18px;
   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:10px;
   color:#0284C2;
   padding:2px 0px;
   margin:1px 0px 0px 0px;
   height:15px;
   font-family:Tahoma,Arial,verdana, sans-serif;
   }
   
   .spycomment{
   overflow:hidden;
   font-family:Tahoma,Arial,verdana, sans-serif;
   font-size:10px;
   color:#262B2F;
   padding:0px 0px;
   margin:0px 0px;
   }
   
   -->
   </style>
   
       <script language='JavaScript'>
   
   imgr = new Array();
   
   imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
   
   imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
   
   imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
   
   imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
   
   imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
   showRandomImg = true;
   
   boxwidth = 255;
   
   cellspacing = 6;
   
   borderColor = "#232c35";
   
   bgTD = "#000000";
   
   thumbwidth = 70;
   
   thumbheight = 70;
   
   fntsize = 12;
   
   acolor = "#666";
   
   aBold = true;
   
   icon = " ";
   
   text = "comments";
   
   showPostDate = true;
   
   summaryPost = 40;
   
   summaryFontsize = 10;
   
   summaryColor = "#666";
   
   icon2 = " ";
   
   numposts = 10;
   
   home_page = "http://www.bastomi.blogspot.com/";
   
   limitspy=4
   intervalspy=4000
   
   </script>
   
   <div id="spylist">
       <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
   </div>
5. Simpanlah!!

Ganti  http://www.bastomi.blogspot.com/ dengan alamat blog kamu, dan , ,
Voila!!!
Enjoy, , ,
(^_^)

Artikel Terkait:

blogging

• Teks Area
• Buku tamu
• Salju pada pointer
• Efek salju second version
• Cara Membuat Komentar Terbaru
• Efek Salju
• Pesan Selamat Datang
• Membuat Back to Top
• Daftar Isi
• Cara Membuat Energy Saving Mode
• membuat related post (posting terkait)
• Tag Cloud animasi
• Tanda Tangan Digital
• membuat favicon
• Membuat tombol "like" facebook pada blog
• Cara membuat jam pada blog
• Cara memberi kotak shoutbox
• Cara membuat "Read more" pada posting

>