Animasi Random Post Dengan jQuery



Cara Membuat Random Post , mungkin ini lebih menarik dan lebih berkesan , jika biasanya hanya berdiam saja yang ini lain , ini adalah tampilan Slideshow , Bergantian Muncul Seperti di Blog saya (maaf jika tdk ada SS) ... Mungkin Blogger's Indonesia mengira ini Berat di Blog kita , anda salah , ini hanyalah widget seperti biasanya , Ok kita langsung ke tahap Pemansangan Widget ...



<center><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 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://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[1] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[2] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[3] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
imgr[4] = "https://lh3.googleusercontent.com/-KdP3RAeN7hQ/TsCt3mqIS_I/AAAAAAAAA5U/H4Q8wl_1hgY/s199/no_image.gif";
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://sofyan-oz.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='http://masterendi.googlecode.com/files/animasi%20recentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://sofyan-oz.blogspot.com/2011/11/animasi-random-post-dengan-jquery.html" target="_blank">Dapatkan Widget Ini</a></small>

sekian dulu dari tips tricks saya membuat Animasi Random Post Dengan jQuery ...
Saya mengepost Artikel ini karena saya melihat blog temen dan blog orang lain menanyakan "bagaimana cara membuat Animasi Random Post Dengan Slideshow" ...
Jangan lupa mampir ke Blog masterendi.com jika ingin menghias blog lebih Cantik ...


Responses

0 Respones to "Animasi Random Post Dengan jQuery"

Posting Komentar

•Sangat Saya Hormati Jika Anda Meninggalkan Komentar di Blog ini

•Mohon Maaf Blog ini Tidak Terima Komentar yang Mengandung Sara , Spamming , Flamming

•Kritik Dan Saran Dari Pembaca Semoga Bisa Membantu Memajukan Blog Ini

Regards : ~Sofyan_oZ~

 

Statistic Blog's



Free Page Rank Tool
Return to top of page Copyright © 2012 Always-Sharing | Blogspot Tutorial | From Zero To Hero | Template by HackTutors