Cara Membuat Populer Pos Bergerak Dengan Animasi

Sebelumnya kang dudi mau cerita lucu nih. begini ceritanya ! kalo membuat artikel kang dudi selalu ditulis di microsoft word terlebih dahulu barulah di paste ke new post. Ada hal yang sangat lucu ketika copy paste artikel dari word ke new post . Entah sedang ngelamunin Luna Maya atau ngelamun jadi jutawan kang dudi salah copas judul dimana judul artikel dan isinya gak nyambung sama sekali.Tanpa disadari pula dengan pedenya langsung saja di publish lewat google + . Setelah beberapa jam baru tersadar ketika memcoba melihat blog dan didapati judul artikel dan isinya berbeda. Dan dengan tertawa sendiri langsung saja judul tersebut segera diganti
Langsung kepokok permasalahan deh biar gak lupa artikel ini sedang mengupas tentang apa.Jangan sampai jatuh untuk kedua kalinya.
Berikut ini kang Dudi akan memberikan tips tentang cara membuat Populer Pos Bergerak Dengan Animasi
Berikut langkahnya :

1. Pertama tama masuk ke Tata letak
2. Klik add a gadget
3. Pilih Entri Populer kemudian simpan
4. lakukan sekali lagi langkah no 1, kemudian
5. Kali ini Pilih HTML/Java Scrift
6. Terakhir Copy Paste Code Berikut ini :

<style type="text/css" media="screen"> #PopularPosts1 { overflow:hidden; margin-top:5px; padding:0px 0px; height:400px; } #PopularPosts1 ul { width:250px; overflow:hidden; list-style-type: none; padding: 0px 0px; margin:0px 0px; } #PopularPosts1 li { width:208px; padding: 5px 5px; margin:0px 0px 5px 0px; list-style-type:none; float:none; height:80px; overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) 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://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></scrip

Semoga Membantu...

Baca Juga Artikel Lainnya :