Sahabat Tanpa Suara

Post Bergerak

Wednesday, October 20, 2010


Salam blogging...

Perasaan tak kat sidebar blog ni ada satu widget bertajuk PILIH DAN BACA. Ianya menunjukkan post-post yang aku buat dalam blog ini. Dia bergerak dari atas ke bawah dan menunjukkan tajuk serta thumbnail berkenaan post-post yang dipilih secara rawak. Teruja tak? Nak cuba? Huhu nah aku bagitau caranya. Kode asal ni aku dapat dari tutorialuntukblog. (bukan buat sendiri pun...ingat aku terer sangat ke...) Apapun kredit untuk beliau.

So apa yang korang perlu lakukan just copy semua kode di bawah dan pastekan ke sidebar korang. Done...





<p align="center"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
margin-bottom:-20px;
padding:0px 0px -20px 0px;
height:435px;
}
#spylist ul{
width:280px;
overflow:hidden;
float:center;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:260px;
padding: 2px 2px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:center;
height:70px;
overflow: hidden;
background:#FFFFFF;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#A32929;
font-size:12px;
height:0px;
overflow:hidden;
margin: 0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:10px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:0px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:0px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[1] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[2] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[3] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[4] = "http://img15.imageshack.us/img15/5439/noimagex.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = " ";
showPostDate = false;
showcomments = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://shamdisini.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
</div></p>

Opss ada satu lagi. Tengok link shamdisini.blogspot.com tu. Itu nama blog aku, so tukar ajelah dengan nama blog korang. Beres dan selamat mencuba...

3 comments:

Solihin Zubir October 20, 2010 at 2:15 PM  

wahh.. menarik! nak cuba jugak lah.. terima kaseh.. :D

Sham October 20, 2010 at 5:28 PM  

cobala...jgn tak coba...

Mujahid_fisabilillah October 22, 2010 at 1:46 PM  

memang menarik...Teknik blog byk membantu ana...syukran akhi..=p

Post a Comment

Ha sekarang korang boley komen...

Related Posts Plugin for WordPress, Blogger...

!

!

  © Blogger template On The Road for shamdisini.blogspot.com 2010

Back to TOP