Gedung Sekolah

SMK INFORMATIKA PESAT (Pembangunan Satu)
Dan
Lapangan Olahraga

Gedung Yayasan

PESAT (Pembangunan Satu)
Beserta
Ruang Kepala Sekolah, Guru, Rapat Dan Lain - Lain

Kegiatan Belajar Mengajar

SMK INFORMATIKA PESAT (Pembangunan Satu)
Kelas XII
Jurusan REKAYASA PERANGKAT LUNAK

Kegiatan SHALAT

Dhuha, Dilakukan pada Pagi hari dan Asmaul husna, Berdzikir, dan Berdoa

Pecinta Lingkungan Hidup

Menyirami Tanaman Di Pagi Hari, Sebelum KBM (Kegiatan Belajar Mengajar) Dimulai ...

Upacara Bendera

Dilakukan Pagi, Di Lapangan SEKOLAH

Tablig Akbar

Bersama Ust. Aripin Ilham di kampus SMK INFORMATIKA PESAT

Kegiatan BTQ

BTQ (Baca Tulis Quran), agar semua lulusan SMK INFORMATIKA PESAT bisa membaca Al Quran

Selasa, 29 Mei 2012

Cara Membuat Slide Show Recent Post


Pada Post kali ini saya akan berbagi sedikit ilmu yaitu
Membuat Slide Show Recent Post kerenkan ?



Check This out !!!

Cukup mudah untuk membuat widget ini tinggal
Rancangan --> Elemen halaman --> Tambah Widget --> HTMLdan 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://ibnukamal-pesat.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>



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

oke segitu dulu semoga berguna 


Assalamu'alaikum Wr. Wb.

sumber : http://www.bangtegar.com/2011/09/cara-membuat-slide-show-recent-post.html

2 komentar: