Posting terbaru atau biasa disebut Recent Post merupakan informasi singkat dari judul posting terbaru yang ditampilkan secara berurutan agar memudahkan pengunjung melihat urutan posting yang telah kita buat.
Untuk membuat recent post dengan thumbnail, silahkan copas kode di bawah ini, dan masukkan ke gadged di sidebar...
| <div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 250px; height: 450px; text-align: left;"> <style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style> <script style="" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script> <script style=""> var numposts = 10; var showpostthumbnails = true; var displaymore = true; var displayseparator = true; var showcommentnum = true; var showpostdate = true; var showpostsummary = true; var numchars = 100;</script> <script src="http://creatingwebsite-maskolis.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script> |
1. Login Blogger
2. Design >> Page Element >>Add Gadged >> HTML/Javascript
3. Save
Catatan :
Ganti yang berwarna merah silahkan dengan URL anda dan jumlah post sesuaikan dengan yang ingin anda tampilkan.
Sumber : http://creatingwebsite-maskolis.blogspot.com
