popular post bergerak

pengen kn tampilan blog qm menarik??
banyak widget yg bisa qm tambahin,,

disini q mu sharing tentang caranya agar popular post bergerak, dan apabila qm letakkan kursor di suatu judul osting, maka dia akan berhenti bergerak, stelah kursor tidak lagi menunjuk salah satu judlu posting maka akan bergerak kembali,

menaik bukan??

pengeenn??

mauu, , mauu, , , ,

pertma,,
pilih tata letak,
tambah gadget (terserah mau dimana ja)
pilih yang entri populer (yg belum ada populer post nya,, bagi yg uda ada lewatin saja)

ulangi lagi,, pilih tata letak,
tambah gadget (terserah mau dimana ja)
pilih yang HTML/Javascript
masukkan kode script dibawah ini dan simpan,,

<style media="screen" type="text/css"> </p> <p> #PopularPosts1 {</p> <p>  overflow:hidden;</p> <p> margin-top:5px;</p> <p> padding:0px 0px;</p> <p> height:400px;</p> <p> }</p> <p> #PopularPosts1 ul {</p> <p> width:340px;</p> <p> overflow:hidden;</p> <p> list-style-type: none;</p> <p> padding: 0px 0px;</p> <p> margin:0px 0px;</p> <p> }</p> <p> #PopularPosts1 li {</p> <p>  width:340px;</p> <p> padding: 5px 5px;</p> <p> margin:0px 0px 5px 0px;</p> <p> list-style-type:none;</p> <p> float:none;</p> <p> height:80px;</p> <p> overflow: hidden;</p> <p> background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;</p> <p> border:1px solid #ddd;</p> <p> }</p> <p> #PopularPosts1 li .item-title {</p> <p>     color:#A5A9AB;</p> <p>     font-size:1em;</p> <p>     margin-bottom:0.5em;</p> <p> }</p> <p> #PopularPosts1 li .item-title a {</p> <p>  text-decoration:none;</p> <p> color:#4B545B;</p> <p> font-size:11px;</p> <p> height:18px;</p> <p> overflow:hidden;</p> <p> margin:0px 0px;</p> <p> padding:0px 0px 2px 0px;</p> <p> }</p> <p> #PopularPosts1 li img {</p> <p>  float:left;</p> <p> margin-right:5px;</p> <p> background:#EFEFEF;</p> <p> border:0;</p> <p> }</p> <p> #PopularPosts1 li .item-snippet {</p> <p>   overflow:hidden;</p> <p> font-family:Tahoma,Arial,verdana, sans-serif;</p> <p> font-size:10px;</p> <p> color:#262B2F;</p> <p> padding:0px 0px;</p> <p> margin:0px 0px;</p> <p> }</p> <p> #PopularPosts1 .item-snippet a,</p> <p> #PopularPosts1 .item-snippet a:visited {</p> <p>     color:#3E4548;</p> <p>     text-decoration: none;</p> <p> }</p> <p> #PopularPosts1 .spyWrapper {</p> <p>     height: 100%;</p> <p>     overflow: hidden;</p> <p>     position: relative;</p> <p> }</p> <p> #PopularPosts1 {</p> <p>     -webkit-border-radius: 5px;</p> <p>     -moz-border-radius: 5px;</p> <p> }</p> <p> .tags span,</p> <p> .tags a {</p> <p>     -webkit-border-radius: 8px;</p> <p>     -moz-border-radius: 8px;</p> <p> }</p> <p> a img {</p> <p>     border: 0;</p> <p> }</p> <p> --></p> <p> </style><br /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"> </script><br /> <script charset="utf-8" type="text/javascript"> </p> <p> $(function () {</p> <p>     $('.popular-posts ul').simpleSpy();</p> <p> });</p> <p> </script><br /> <script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"> </script><br />

manteep gga tuuh???

puas???

bilang apaah??

mkasiiihh. .  hhahahaa