Cara Membuat Popular Post Bergerak ke Bawah dengan Mudah

Pengin Popular Postnya bergerak Kebawah di sini tempatnya, Supaya Postingan yang populer atau yang sering di kunjungi bisa lebih menghemat tempat. karena akan bergerak ke bawah. Anda bisa melihat contohnya di blog saya ini.

Ikuti langkah-langkah di bawah ini :
1. Pertama anda harus log-in dulu ke blog
2. kalau anda sudah log-in. lalu masuk ke menu Tata letak.
3. lalu Click Add Gadget , lalu anda pilih Entri Populer

4. Kemudian Pilih kembali Add Gadget, dan sekarang kita pilih HTML/JavaScript
5. Kemudian Copas ( Copy Paste ) kode di bawah ini

<style type="text/css" media="screen"> #PopularPosts1 { overflow:hidden; margin-top:2px; padding:0px 0px; height:310px; border-bottom: 1px solid #eeeeee; } #PopularPosts1 ul { width:200px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #PopularPosts1 li { width:200px; padding: 5px 5px; margin:0px 0px 2px 0px; list-style-type:none; float:none; height:75px; overflow: hidden; background:none; } #PopularPosts1 li .item-title { color:#ffffff; font-size:12px; margin-bottom: 2px; } #PopularPosts1 li .item-title a { text-decoration:none; color:#fffff; font-size:12px; height:18px; overflow:hidden; margin:0px 0px; padding:0px 0px 2px 0px; } #PopularPosts1 li img { float:left; margin-right:5px; background:none; border:0; } #PopularPosts1 li .item-snippet { overflow:hidden; font-family:Tahoma,Arial,verdana, sans-serif; font-size:12px; color:#ffffff; 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: 0px; -moz-border-radius: 0px; } .tags span, .tags a { -webkit-border-radius: 0px; -moz-border-radius: 0px; } 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://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

6.Kalau sudah di Copas , Anda Pilih Simpan dan lihat hasilnya

Posted in: Tips and Trick,Widget