23 Maret 2013

Membuat Recent Post Slide Show

Cara untuk membuat Recent Post Slide Show ini sangat mudah.
Tutorial untuk membuat Recent Post Slide Show dapat sobat lihat dibawah ini:

  • Login ke akun Blogger anda
  • Klik Rancangan kemudian klik Elemen halaman
  • Klik Tambah Gadget
  • Pilih tamabah HTML/Javascript
  • Terakhir Copy paste kode di bawah dan simpan.



<script src="https://zona-devils.googlecode.com/files/recentpost.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:245px;
}
#spylist ul{
width:300px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:280px;
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://zona-devils.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="https://zona-devils.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>


NB:
Ganti tulisan yang berwarna Ungu sesuai selera anda, kode Ungu itu merupakan lebar dan tinggi kolom.
Untuk tulisan yang berwarna Biru adalah jumlah artikel yang muncul dalam Slide Show, sobat bisa mengantinya dengan keinginan anda.
Ganti tulisan yang berwarna Merah dengan Url Blog anda.
yang berwarna
kuning itu = tujuh puluh


Tidak ada komentar:

Posting Komentar