MEMBUAT SLIDE RECENT POST PADA BLOG
Banyak cara untk menampilkan RECENT POST atau postingan
terbaru di BLOG.menampilkan SLIDE RECENT POST ternyata lebih
menarik,membuat SLIDE RECENT POST,yang akan di sertai thumbnail,
judul terbaru,tanggal di publis dan jumblah komentar.karnah slide
terus bergerak dan bergantian.WUDGET SLIDE RECENT POST ini cocok di
pasang di sidebar.caranya bisa di lihat di bawah ini :
Cara Membuat Slide Recent Post
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
| Code: |
<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://i777.photobucket.com/albums/yy55/terate/th_New.jpg"; imgr[1] = "http://i1037.photobucket.com/albums/a452/thing_wu/Thing/women/2q1bhc3.jpg"; imgr[2] = "http://i1044.photobucket.com/albums/b443/akropolis_album/antarktis/125model6-1.jpg"; imgr[3] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg"; imgr[4] = "http://i777.photobucket.com/albums/yy55/terate/th_New.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://mbahceret.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> |
Sebelum kita Simpan, berikut ini yang bisa kita ubah:
- 220 dan 208 adalah lebar widget.
- numposts = 10; adalah banyaknya postingan yg ingin kita tampilkan
- Ganti http://mbahceret.blogspot.com/ dengan URL blog anda sendiri.
5. Simpan jika sudah selesai.
0 komentar:
Posting Komentar