Home

Minggu, 02 Januari 2011

Cara Membuat Slide Show Recent Post

Posted by Accel | On: , | 7 komentar
Pada Post kali ini saya akan berbagi sedikit ilmu yaitu
Membuat Slide Show Recent Post kerenkan ?
Windget Recent Post yg

Check This out !!!









Cukup mudah untuk membuat widget ini tinggal
Rancangan --> Elemen halaman --> Tambah Widget --> HTML
dan copy code script di bawah ini

<div class='widget-content'>
<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:340px;
width:300px;
}
#spylist ul{
width:390px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:210px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#864513;
border:1px pixed #666666;-moz-border-radius:3.5px;border-radius:3.5px;
}
#spylist li a {
text-decoration:none;
color:#ffffff;
font:verdana;
font-size:10px;
height:12px;
width:28px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#000000;
border:0;
border:1px pixed #333333;-moz-border-radius:3px;border-radius:3px;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#ffffff;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:10px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#ffffff;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[1] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[2] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[3] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[4] = "http://www.videokl.com/thumbs/no_image.gif";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#860000";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 10;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://wuushare.blogspot.com/";

limitspy=4
intervalspy=3600

</script>

<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogid=2715999999824144958&widgettype=html&widgetid=html13&action=editwidget' onclick='return _widgetmanager._popupconfig(document.getelementbyid("HTML13"));' target='confightml13' title='edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div></div>


Note:
Warna Merah Untuk mengganti warna Back Ground ganti dengan Code warna lainnya
Warna Kuning Untuk mengubah Besar Box
Warna Biru Untuk mengubah Besar Gambar
Warna Ungu Ubah dengan URL blog anda

7 komentar:

bang_catur mengatakan...

waah baguss . . .langsung tak ambilo buat blog saya ..

sichandra mengatakan...

mantaaap bro , saya juga sudah pasang :)

Windows 7 Blog mengatakan...

makasih bnget bro atas tipsnyaa
makasih jg udah berkunjung ke blog sy

Anisayu mengatakan...

Bagus sekali nich n nambah ilmu gratis senang rasanya,,,,

Wuuuu '3' mengatakan...

for all sama2 terimakasih sudah berkunjung :D

Ria Hot mengatakan...

Thanks Thnaks
keren. kalo ngak di kasi tau saya gak tau..
makasi yah...

Arief Nurrohman mengatakan...

Gan, maksud dari ini apa ???
imgr[0] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[1] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[2] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[3] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[4] = "http://www.videokl.com/thumbs/no_image.gif";

Punya saya jadi kaga muncul gambarnya... alias no image...
gemana tu... ???
penerangan gan...

Posting Komentar

Bantu Saya Mengembangkan Blog Ini Dengan Memberi Komentar dan Ingat Tolong jangan Berkomentar semua Hal yang Berbau Porno, mencela, dan juga spam

Labels