bikin widget "popular post" yang oke

halo semua!
kali ini saya bakal shre ke kalian tentang bikin widget popular post di blog yang bagus!!!!
kalo temen2 puna blog popular postnya pun jadi biasa aja, nah saya bakal ngasih tau caranya
simak ya!

1. login blogger
2. trus klik design >> page element
3. kalo belum ada widget popular post tambahin dulu ya!! caranya klik add gadget >> poular post
4. kalo udah copy paste ni code

a. code popular post cube version#jadi kayak kubus

<br /> <style type="text/css"> .cube { width: 100px; height: 100px;} a img { border: none; } #linksCube img { width: 100%; height: 100%; } </style><br /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script><br /> <script type="text/javascript" src="http://script-bamz-us.googlecode.com/files/jqueryimagecube.js"></script><br /> <script type="text/javascript" charset="utf-8"> $(function () { $('.popular-posts ul').abupopularcube(); }); </script><br /> <script type="text/javascript" src="http://script-bamz-us.googlecode.com/files/popularcube.js"></script><br /> <textarea><br /> <br /> 
note: jangan lupa sesuain ukurany width sama height


b. code popular post future version


<br /> <style type="text/css" media="screen"> #PopularPosts1 { overflow:hidden; margin-top:5px; padding:0px 0px; height:400px; } #PopularPosts1 ul { width:220px; 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><br /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script><br /> <script type="text/javascript" charset="utf-8"> $(function () { $('.popular-posts ul').simpleSpy(); }); </script><br /> <script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script><br /> 

kalo udah hasilnya kayak di blog ini

5. save trus liat hasilnya bagus kan???

hehehe segitu dulu ya dari saya see you!