Kalo kemarin sudah saya bahas bagaimana cara membuat populas post, maka kali ini saya berikan bocoran yang sama juga dari beliau Abu Farhan, gimana sich cara bikin slide post alias semua artikel yang sudah
anda buat dapat tertampil dengan cantik dan bergerak secara slide dari atas kebawah,
Ok kita bahas cara pasangnya :
- Tambah Gadget
- masuk HTML/Java Script
- silahkan copy kode dibawah ini
- Ganti teks yang berwarna merah dengan nama link blog anda
- simpan
<center> <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:2px; padding:0px 0px; height:270px; } #spylist ul{ width:200px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #spylist li { width:200px; padding: 2px 2px; margin:0px 0px 2px 0px; list-style-type:none; float:none; height:60px; 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:10px; height:11px; 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:12px; 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://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; imgr[1] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; imgr[2] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; imgr[3] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; imgr[4] = "http://i703.photobucket.com/albums/ww35/koerniawan_photo/guenih.jpg"; showRandomImg = true; boxwidth = 200; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://ganti-blog-anda.com/"; limitspy=4 intervalspy=4000 </script> <div id="spylist"> <script src="http://popular-post-blogger.googlecode.com/files/recentpostthumbspy-min.js" type="text/javascript"></script> </div></center>
Keterangan :
- Yang berwarna Orange adalah ukuran lebar slide yang akan berjalan
- Yang berwarna Biru adalah upload gambar saya...silahkan ganti image dengan ukuran 40px 40px
- Yang berwarna Merah ganti dengan nama blog anda
Mudah kan semoga berguna dech..!!
Selamat mencoba....
0 comments:
Post a Comment