Cara Menambahkan Entri Yang Bergerak

Para pembaca setia blog kalian mungkin binggung mencari artikel populer pada blog kalian.
Kalian bisa loh menambahkan Entri Populer seperti gambar di sebelah ini.
Dengan menambahkan entri populer seperti ini, pembaca setia blog kalian gak perlu repot-repot lagi mencari artikel populer dari blog kalian.
Mau tau gimana cara mendownload dan memasangnya di blog? Mau tau? Mau tau aja apa mau tau banget? -__-
Yaudin, yuk disimak disini ^^;

1. Buka blogger.com
2. Klik tanda panah bawah, lalu klik tata letak.

3. Klik tambahkan Gadget.

4. Klik Entri Populer. Bagi kalian yang udah pernah nambah Entri Populer, gak usah ikutin cara ini.

5. Klik Simpan. 

6. Kalau sudah, kita ulang dari awal. Kembali ke blogger.com, dan klik tata letak lagi. (liat cara nomer 2)

7. Klik tambahkan gadget. (liat cara nomer 3)

8. Klik HTML/JavaScipt.

9. Copas kode di bawah ini ke kolom yang bawah,

<style type="text/css" media="screen">

#PopularPosts1 { 
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:280px;
    
}

#PopularPosts1 ul { 
width:342px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}

#PopularPosts1 li { 
 width:334px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url() repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title { 
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a { 
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {float:left;margin-right:5px;background:#EFEFEF;border:0;} 

#PopularPosts1 li .item-snippet { 
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a, 
#PopularPosts1 .item-snippet a:visited {color:#3E4548;text-decoration: none;}

#PopularPosts1 .spyWrapper {height: 100%;overflow: hidden;position: relative;} 

#PopularPosts1 {-webkit-border-radius: 5px; -moz-border-radius: 5px;} 

.tags span, 
.tags a {-webkit-border-radius: 8px; -moz-border-radius: 8px;}

a img {border: 0;} 
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://bangjefri-code.googlecode.com/files/popularpost.js" type="text/javascript"></script> 

10. Klik simpan, judulnya gak usah diisi.
11. Selesai ^^