Anda menggunakan widget bawaan dari blogger untuk menampilkan artikel terbaru (recent post) ? Aku sendiri kurang suka dengan tampilannya. Jika anda ingin tampilan yang lebih “eye-catching”, yakni menampilkan gambar kecil (thumbnail) di widget recent post, coba cara ini. Artikel berikut akan menjelaskan bagaimana membuat widget Recent Post dengan disertai gambar kecil (thumbnail) untuk blogger blogspot. Jika mau, Anda dapat melihat sumber tulisan ini dari bloggertricks.com atau langsung saja lihat caranya disini.
1. Masuk ke dashboard blogspot
2. Tambahkan widget HTML/Javascript (Layout » Add a gadget » html/javascript)
3. Kopi-paste kode berikut :
Penjelasan:
(Edit angka-angkanya untuk disesuaikan dengan blog anda)
boxwidth – Lebar widget, tentunya isikan sesuai dengan lebar widget dari template yang anda gunakan.
cellspacing – Spasi antar sel (sebaiknya tidak perlu diubah)
borderColor – Warna border (gunakan warna background template anda sehingga terlihat menyatu)
thumbwidth & thumbheight – Lebar dan tinggi thumbnail (biarkan saja)
fntsize – Ukuran huruf untuk Judul
acolor – Warna tulisan judul
aBold - pilih saja mau ditebalkan atau tidak huruf judul (true or false)
numposts – Berapa banyak artikel yang ingin ditampilkan
home_page : http://www.bewegaleri.com/ (ubah sesuai dengan url blog anda)
Script ini dihost di server milik bloggertricks ( http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ).
Namun, SANGAT dianjurkan untuk download script ini dan upload di hosting sendiri, dan ganti urlnya dengan url dimana anda menyimpan file js tersebut.
4. Terakhir, Simpan perubahan
Demikian cara membuat widget recent-post dengan tampilan thumbnail serta jumlah komentar yang ada. Semoga membantu.
Note : Pastikan anda memilih YES di Settings » Site Feed » Full » Allow Blog Feeds
Post a Comment