Cara membuat daftar Artikel dengan efek Marquee
Hallo sobat blogger.. Selamat malam.. pada artikel kali ini saya akan coba share cara membuat daftar artikil seperti yang ada di samping kanan blog.Gimana menarik kan... Sekarang mari kita lihat scriptnya.
<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifCThoqoXibtO9NB1pJiDl7CRN_oEM4FWPpTXtwuQ7DZF3Kn6bTSzh7d3lw2NriPccm8fRUI5qiWZ7tOylLYIRIP3kfCTjOAOu9ubwTd6gF-zDp_tyoh222OmkEq6ZebD9QcnJ3ikZTY1r/s1600/bdlab-blogspot-com.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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuhZauG2OS6bD3Bfwdx4azb6XGY7F4RGCJzQMJQJMKZDXlLJPSZwEwQc8KsQA_59nHmNpLuqQicjTEcH84pWtrhdcbq4JSupXgFxml3C4hB90IGM310nsZsnffuYDPf07XR2IbprvacA/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuhZauG2OS6bD3Bfwdx4azb6XGY7F4RGCJzQMJQJMKZDXlLJPSZwEwQc8KsQA_59nHmNpLuqQicjTEcH84pWtrhdcbq4JSupXgFxml3C4hB90IGM310nsZsnffuYDPf07XR2IbprvacA/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuhZauG2OS6bD3Bfwdx4azb6XGY7F4RGCJzQMJQJMKZDXlLJPSZwEwQc8KsQA_59nHmNpLuqQicjTEcH84pWtrhdcbq4JSupXgFxml3C4hB90IGM310nsZsnffuYDPf07XR2IbprvacA/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuhZauG2OS6bD3Bfwdx4azb6XGY7F4RGCJzQMJQJMKZDXlLJPSZwEwQc8KsQA_59nHmNpLuqQicjTEcH84pWtrhdcbq4JSupXgFxml3C4hB90IGM310nsZsnffuYDPf07XR2IbprvacA/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuhZauG2OS6bD3Bfwdx4azb6XGY7F4RGCJzQMJQJMKZDXlLJPSZwEwQc8KsQA_59nHmNpLuqQicjTEcH84pWtrhdcbq4JSupXgFxml3C4hB90IGM310nsZsnffuYDPf07XR2IbprvacA/s400/noimage.png";
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://www.bintangblogger.cc.cc/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
Nah script diatas bisa anda pasang di blog sobat sendiri.. tapi jangan lupa ya ganti url blognya dengan blog sobat... Ok sekian artikel kali ini selamat malam. dan Sampai jumpa
Langganan:
Posting Komentar
(
Atom
)
Tidak ada komentar :
Posting Komentar