Membuat Recent Post Bergerak ~ Ngudi Bego™

Mau punya buku tamu seperti ini?
Klik
Disini
Widget by: Ngudi Bego™

Senin, 02 April 2012

Membuat Recent Post Bergerak

Share this on :

Pada postingan kali ini saya ingin berbagi ilmu buat sobat semua, tentang bagaimana cara membuat recent post yang bergerak. Sebagai contohnya sobat bisa lihat pada slidebar blog saya ini, jika sobat tertarik ini membuatanya, berikut langkah-langkah cara membuat/memasang recent post bergeraK.
  • Login Ke akun Blogger
  • pilih Rancangan, Add Gadget, Html/java Script
  • Copy dan pastekan Script dibawah ini kedalamnya

  • <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> </script> <style media="screen" type="text/css"> <!-- #spylist { overflow:hidden; margin-top:5px; padding:0px 0px; height:350px; } #spylist ul{ width:290px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:290px; 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://ngudibego.blogspot.com/"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript"> </script></div>
  • Ganti tulisan "http://ngudibego.blogspot.com" dengan alamat blog sobat dan var numposts = 10 adalah jumlah posting yang ditampilkan
  • klik Simpan



Baca Juga Artikel Terkait Dibawah Ini:
Comments
0 Comments

0 komentar:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Silahkan Tinggalkan Komentar Anda
Komentar Anda Sangat Berarti Bagi Kami

Mohon Ma'af jika komentar sobat tidak langsung saya balas
karena sibuk dengan urusan yang lain. :)