Baca Di Sini Dahulu....Baca Di Sini Dahulu....Baca Di Sini Dahulu....Baca Di Sini Dahulu..Baca Di Sini Dahulu....Baca Di Sini Dahulu....

Baca di sini dahulu

Tutorial ini sekadar satu panduan biasa dalam mengemaskini blog...penulis tidak akan bertanggungjawab untuk sebarang dosa yang terhasil daripada penjanaan melalui penggunaan tutorial dalam blog ini..Harap pengguna berfikir terlebih dahulu soal dosa dan pahala sebelum membuat keputusan dalam mengaplikasikan pengetahuan yang diperoleh dari blog ini. Marilah sama-sama kita menjaga amalan kita..:)

Friday, November 4, 2011

Entri Post bergerak

Entri Post bergerak??

Contohnya seperti di bawah


Kalau lihat sama seperti LinkWithin??
http://tutorialtautankasih.blogspot.com/2011/11/membuat-linkwithin.html


Nampak sama tapi tak serupa sebenarnya
Apa bezanya???
 Bezanya:


LinkWithin: Tajuk entri tidak bergerak


Entri Post Bergerak: Untuk tajuk entri yang bergerak


Nak buat??


Okey mari cuba buat



Langkah 1:

Copy html di bawah dan gantikan tulisan biru dengan alamat blog anda!

<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] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/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://tutorialtautankasih.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/animated-recent-post-widget.html" target="_blank"></a></small>




Langkah 2: Masukkan html

Cara memasukkan htm



Terima kasih kerana sudi melihat tutorial yang tidak seberapa daripada saya ini...saya menulis sekadar berdasarkan pengalaman dan pemahaman yang saya peroleh..
Saya sangat berbesar hati menerima sebarang komen daripada anda untuk kebaikan bersama..Tinggalkan sebarang pandangan atau pertanyaan di ruang komen..:)



No comments:

Post a Comment