Widget recent post adalah widget yang diperlukan agar pengunjung dapat melihat artikel apa saja yang terbaru atau yang sering dibaca oleh pengunjung lainnya. Widget recent post ini hampir sama dengan widget popular post bawaan blogger. Sesuai dengan judul artikel diatas yaitu
Membuat Recent Post Keren ,mungkin sobat bertanya-tanya tentang apa kerennya sih ?
Seperti kita ketahui bahwa widget popular post bawaan blogger hanya bisa kita rubah untuk ditampilkannya gambar, judul artikel dan summary posting. Untuk merubah besar - kecil nya gambar tidak ada option nya. Begitu juga untuk merubah berapa banyak huruf yang akan ditampilkan pada summary post juga tidak bisa.
Widget recent post yang saya sharing disini dapat mengatasi semua kekurangan tersebut diantaranya adalah :
Ukuran gambar / avatar bisa kita atur sesuai keinginan
Jumlah karakter huruf isi artikel bisa kita atur sesuai keinginan
Jumlah komentar yang masuk bisa kita tampilkan
Jumlah artikel yang ingin kita tampilkan bisa lebih dari 10 artikel
Cara menampilkan atau menghilangkan nya cukup dengan merubah parameter: true atau false pada script tersebut.
Untuk merubah yang lainnya, silahkan Anda explore sendiri. Jangan takut rusak, he he hee.. tapi gak papa ding rusak juga, kan namanya belajar.. jadi wajar toh bila mengalami kegagalan ? wong namanya juga belar hahaa..
Oke langsung aja kita mulai Bagaimana cara membuat widget recent post keren tersebu, ikuti baewis petunjuknya berikut ini sob..
- Login ke Blogger, pilih blog yang ingin Anda edit.
- Untuk keamanan bila terjadi kesalahan edit, buat tempalte cadangan dengan mengklik "cadangkan/pulihkan", simpan file template cadangan tersebut.
- Kemudian masuk ke Tata letak ==> Tambah gadget ===> Html/javascript
- Masukkan semua kode dibawah ini Sobat:
<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://maubacabaewis.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs" type="text/javascript"></script></div>
Sobat bisa lihat hasilnya sebentar, apabila masih belum cocok bisa Sobat modifikasi lagi sesuai keinginan Sobat.
- Sebelum disimpan Sobat ganti dulu alamat url saya ini (maubacabaewis.blogspot.com) dengan alamat url blog Sobat, setelah diganti dengan alamat url blog Sobat, kilk save / simpan.
Apabila ada yang masih kurang jelas, jangan sungkan-sungkan meninggalkan pesan Sobat pada kolom komentar. Semoga bermanfaat.
Terima kasih Sobat, anda telah membaca Artikel Membuat Recent Post Keren yang mana Artikel ini mungkin bermanfaat bagi sobat-sobat semua. Adapun
Keluh,kesah dan unek-unek
Sobat setelah membaca Artikel Membuat Recent Post Keren
ini. . . dapat Sobat sampaikan melalui kotak Curhatan
di bawah ini
