Cara Sederhana Membuat Recent Post Slide. Dengan cara sederhana membuat Slide Show pada halaman blog kita ini semoga dapat menambah tampilan blog agar lebih menarik dan blog anda di kunjungi oleh banyak pengunjung, yang tentunya pengunjung akan lebih mudah lagi untuk menelusuri daftar isi pada blog yang kita buat. Slide Show yang akan kita buat ini saya ambil dari postingan Kang Deden.
Untuk melihat hasilnya, coba lihat gambar berikut :
Dan jika Anda tertarik untuk membuatnya, silahkan ikuti panduan di bawah ini
Seperti biasa :
1. Masuk ke blog anda
2. Pilih rancangan
3. Pilih Elemen Laman
4. Tambah Gadget
5. Pilih HTML/JavaScript
6. Masukan Kode di bawah ini
<scriptsrc="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://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://tbyans.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>
|
7. Selesai deh, gampangkan
Eitt....
Jangan Lupa Ganti Url yang berwarna merah dengan Url Anda . Selamat mencoba !!
No comments:
Post a Comment
Silahkan Anda Berkomenter, Namun Tetap Jaga Kesopanan Dengan Tidak Melakukan Komentar Spam