Cara membuat Widget Recent post di blog

Artrik"Share:salam 3 jari para sahabat indonesia,pada postingan kali ini Artrik"Share akan berbagi mengenai  Cara membuat Widget Recent post di blog,wigdet ini sangat bermanfaat untuk blog sobat karena dengan widget bertujuan untuk memberikan informasi tentang postingan atau artikel terkini di dalam sebuah blog,dan juga biasanya Recent Post  akan menampilkan beberapa psotingan atau artikel yang belum lama sobat postingkan dan ini akan ditampilkan dengan deretan kebawah,dengan sobat memasang Widget Recent post memudahlan para pengunjung blog sobat untuk melihat artikel apa saja yang terbaru atau yang sering dibaca oleh para pengunjung lainnya,sebenarnya sih widget recent post ini hampir sama dengan widget populer post yang bawaan dari si mbh blooger,lalu apa perbedaan dari keduanya?

seperti yang kita ketahui widget populer post yang bawaan dari blooger hanya bisa kita rubah hanya untuk ditampilkan gambar, judul artikel,dan summary postinhgan aje,dan juga untuk mau merubah besar kecilnya gambar tidak ada pilihannya, selain itu juga untuk mau merubah berapa banyak huruf yang akan ditampilkan pada summary post tidak bisa tuh,,, sedangkan pada widget recent post dapat mengatasi semua permasalahan tersebut,diantara permasalahan yang bisa teratasi adalah sebagai berikut ini:

• Jumlah artikel yang ingin kita tampilkan bisa lebih dari 10 artikel
• Jumlah komentar yang masuk bisa kita tampilkan
• Ukuran gambar / avatar  bisa kita atur sesuai keinginan
• Jumlah karakter huruf isi artikel bisa kita atur sesuai keinginan

jika sobat pengen membuat Widget recent post yang lebih keren lagi silakan sobat baca jugaa Cara Membuat Recent Post Berjalan di Blog

ok jangan berlama-lama silakan agan langsung saja praktekan ke blog sobat cara membuat recent post di bloog,ikuti
langkah-langkah berikut cekidot:

1. Login ke Blogger, pilih blog yang sobat ingin kasih widget recent post
2. Kemudian masuk ke Tata letak ==> Tambah gadget ===> Html/javascript
3. Masukkan semua kode dibawah ini:

<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://artrikshare.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script></div>

 

4. Sebelum disimpan sobat  ganti dulu alamat url saya (artrikshare.blogspot.com) dengan alamat url blog sobat, setelah diganti dengan alamat url blog Anda, kilk save simpan. sobt  bisa lihat hasilnya sebentar, apabila masih belum cocok bisa Anda modifikasi lagi sesuai keinginan Anda.sekian dari Artrik”Share mengenai Cara membuat Widget Recent post di blog  

Apabila ada yang masih kurang jelas, silahkan tinggalkan pesan pada kolom komentar.
Semoga bermanfaat.

jangan lupa baca juga Cara Membuat Recent Post Berjalan di Blog

Posted by Muhibbin Latif on Friday 25 July 2014 - Rating: 4.5

Title : Cara membuat Widget Recent post di blog
Description : Artrik"Share :salam 3 jari para sahabat indonesia,pada postingan kali ini Artrik"Share akan berbagi mengenai  Cara membuat Widget ...

Tweet