UNTUK CLOSE : KLIK LINK IKLAN DI BAWAH 1 KALI AGAR MELIHAT FULL ARTIKEL ^^


Sabtu, 25 Februari 2012

Cara Membuat Widget Recent Post Dengan Thumbnail

Cara Membuat Widget Recent Post dengan Thumbnail :
1.       Login ke dashboard blogger anda
.
2.       Pilih Rancangan > Elemen Halaman > Add Gadget (HTML/JavaScript).
3.       Copy kode CSS dan JavaScript dibawah ini dan paste pada gadget yang baru dibuat tadi.


     <right><style> img.recent_thumb {padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:40px;border:0;float:left;margin:0 0 5px 0px;} .recent_posts_with_thumbs {float: left;width: 100%;min-height: 50px;margin: 0px 0px 5px 0px;padding: 0;font-size:15px;font-color:black;font-family:calibri;} ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;padding-left:0px;padding-right:20px;min-height:50px;list-style:normal;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs normal {font-size:13px;} </style> <script style="text/javascript" src="http://bloggerplugins.org/scripts/recentpostswiththumbs.js"></script> <script style="text/javascript"> var numposts = 8; var showpostthumbnails = true; var displaymore = false; var displayseparator = false; var showcommentnum = false; var showpostdate = false; var showpostsummary = false; var numchars = 75; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script></right> 

4.       Simpan dan lihat hasilnya.

Tidak ada komentar:

Posting Komentar