Artikel Terbaru

Cara Membuat Widget Recent Post Dengan Scroll

Bloggersukabumi - Fungsi dari recent post adalah memudahkan para visitor/pengunjung blog untuk melihat artikel terbaru dari blog/web yang dikunjunginya. Tampilan dari widget recent post ini mirip dengan widget Popular Post, saya rasa cukup penting untuk menampilkan widget ini di blog untuk lebih meramaikan dan juga memberikan kemudahan kepada visitor dalam mengakses artikel terbaru blog.

Untuk memasang widget ini sobat blogger bisa mengikuti cara dan langkah di bawah ini :
  • Login ke akun blogger sobat
  • Pilih tata letak > tambah gadget > html/javascript
  • Sobat copy kode dibawah ini dan paste ke dalam kotak javascript:
<div style="overflow:auto; width:100%px; max-height:250px; padding:5px;">
<style>
img.recent_thumb {padding-right:10px;padding-left:padding-bottom:0px;0px;width:55px;height:55px;border:0;float:left;margin:0 0 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 55px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;font-color:black;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:0px;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 type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/recentpoststhumb.js"></script>
<script type="text/javascript">
var numposts = 20;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = true;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src="http://www.bloggerkotasukabumi.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script></div>
  • Terakhir klik simpan
Keterangan : silahkan sobat ganti alamat url yang berwarna biru dengan alamat url blog sobat. angka yang berwarna biru adalah jumlah artikel yang akan di tampilkan. 


Selamat mencoba dan semoga bermanfaat.
happy blogging....................... 
Artikel Yang Terkait

0 Response to "Cara Membuat Widget Recent Post Dengan Scroll"

Post a Comment

Supported by Blogaul