Tutorial Membuat Widget Thumbnail Posting Terbaru
05/06/2012
0
Preview Widget Thumbnail Posting Terbaru
1. Tambahkan widget HTML/Script
2. Copy paste code berikut:
<style> img.recent_thumb
{padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55x;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs
{float: left;width: 100%;min-height: 40px;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 = 4; var showpostthumbnails = true; var displaymore = false; var displayseparator = true; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 25; </script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
{padding-right:5px;padding-left:padding-bottom:0px;0px;width:55px;height:55x;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs
{float: left;width: 100%;min-height: 40px;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 = 4; var showpostthumbnails = true; var displaymore = false; var displayseparator = true; var showcommentnum = false; var showpostdate = false; var showpostsummary = true; var numchars = 25; </script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
3. Save
*Custom
var numposts = jumlah posting yang di tampilkan
var numchars = jumlah karakter deskipsi post
nilai " true / false" opsi untuk memunculkan atau menyebunyikan
| Tweet |
Anda sedang membaca Artikel: Tutorial Membuat Widget Thumbnail Posting Terbaru
Kontributor: doni septu Jika anda suka artikel ini silakan di sebarkan atau cukup like FunPage kami terima kasih Rating Blog: 5 dari 5
Kontributor: doni septu Jika anda suka artikel ini silakan di sebarkan atau cukup like FunPage kami terima kasih Rating Blog: 5 dari 5
Kode HTML:
