Cara membuat New Recent Post Bentuk Slide

pada Artikel sebelum Cara Membuat New Recent Post bentuk Scroll Itu adalah model pertama. Saya telah menemukan Widget New Recent post bentuk Slide. Dalam Widget yang satu ini, Widget akan menampilkan Tanggal Terbit, Jumlah Commentar, Gambar Artikel, Dan Judul. Sehingga memperbagus Tampilan dan perpaduan slide, Tampilan Artikel Terbaru terus berganti detik demi detik. langsung saja kita pelajari.

1. Login blogmu.
2. pilih Rancangan.
3. Pilih Elemen Laman.
4. Pilih Tambah Gadget.
5. pilih HTML/Javascript.
6. Copy paste Code di bawah ini di kotak yang tersedia.
<div class='widget-content'> <style type="text/css" media="screen"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:250px; } #spylist ul{ width:100%; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:100%; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:70px; overflow: hidden; background:#0A0101 url() repeat-x; border:1px solid #ddd; } #spylist li a { text-decoration:none; color:#0099cc; 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://www.mylivesignature.com/signatures/54488/385/510F87BB5E566306FCDEFE545050FDE5.png"; imgr[1] = "http://www.mylivesignature.com/signatures/54488/385/510F87BB5E566306FCDEFE545050FDE5.png"; imgr[2] = "http://www.mylivesignature.com/signatures/54488/385/510F87BB5E566306FCDEFE545050FDE5.png"; imgr[3] = "http://www.mylivesignature.com/signatures/54488/385/510F87BB5E566306FCDEFE545050FDE5.png"; imgr[4] = "http://www.mylivesignature.com/signatures/54488/385/510F87BB5E566306FCDEFE545050FDE5.png"; showRandomImg = true; boxwidth = 225; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 70; thumbheight = 70; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 20; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 30; home_page = "http://toturial-game.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> </div>
7. Kemudian klik Save !

Keterangan :

• Teks berwarna Merah Kamu ganti dengan URL blog kamu.

Maaf Bila Ruwet Code nya... Ini Agar mempercepat Proses munculnya. Terima kasih..

Selamat Mencoba !!