Cara Membuat Recent Post (postingan terbaru ) Dengan Thumbnail

Ada beberapa cara yang bisa kita gunakkan untuk membuat recent post (postingan terbaru ) dengan thumbnail sehingga dapat membuat blog anda terlihat lebih menarik dan berpareasi.

I . contoh 1 :

Postingan Terbaru ( Recent Post) Dengan Image Thumbnail diatas dibuat dengan menggunakan Gadget API.
Beberapa hal yang special dari gadget ini adalah:
1.Menampilkan Postingan Terbaru ( Recent Post) dengan summaries (ringkasan),tanggal postingan,dan jumlah kommentar pada postingan.
2.Menampilkan image thumbnail dengan loading yang lebih cepat.
3.Mudah disesuaikan
4.Anda bisa menampilkan Postingan Terbaru ( Recent Post)dari beberapa blog yang lain pada sidebar blog anda
5.Dan mempunyai banyak Pilihan (option)
Adapun cara pembuatanya adalah :
Klik pada image di bawah ini

Pilih option yang kamu inginkan.

II. Contoh 2 :

Postingan Terbaru ( Recent Post) Dengan Image Thumbnail diatas dibuat dengan menambahkan script pada sidebar atau tempat dimana anda ingin menampilkan Postingan Terbaru ( Recent Post) Dengan Image Thumbnail diatas.

Adapun cara pembuatanya untuk ditempatkan pada sidebar adalah :
1. Login ke blogger dashboard
2. Pilih Layout » Add a gadget » html/javascript
3. Copy script dibawah ini dan pastekan pada » html/javascript popup
<script language="JavaScript"> imgr = new Array(); imgr[0] = "http://bambang-file1.googlecode.com/files/bp.png"; imgr[1] = "http://bambang-file1.googlecode.com/files/bp.png"; imgr[2] = "http://bambang-file1.googlecode.com/files/bp.png"; imgr[3] = "http://bambang-file1.googlecode.com/files/bp.png"; imgr[4] = "http://bambang-file1.googlecode.com/files/bp.png"; showRandomImg = true; boxwidth = 240; cellspacing = 8; borderColor = "#ffffff"; bgTD = "#000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 5; home_page = "http://bambangpage.blogspot.com/"; </script> <script src="http://bambang-file1.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script>

Keterangan :

boxwidth - lebar dari widget 
cellspacing - Spasi dari cells  (disarankan untuk tidak merubahnya)
borderColor - Warna border (tambahkan background color dari  template anda agar sesuai dengan template)
thumbwidth & thumbheight - lebar dan tinggi dari image thumbnail (disarankan untuk tidak merubahnya) 
fntsize - Ukuran Font untuk title 
acolor - Warna dari title 
aBold - Jika anda mengiginkan title dengan hurup tebal tulis true atau false jika anda tidak mengiginkanya
numposts - jumlah postingan yang akan di tampilkan
home_page : http://bambangpage.blogspot.com/ (ganti dengan url blog anda)
    
4. yang terakhir klik save untuk menyimpan

Selesai selamat mencoba dan semoga bermanfaat ....


By : Kholili Elekstro