Cara Membuat Recent Post dengan Thumbnails untuk Blogger

Pada postingan saya sebelumnya, saya menulis artikel tentang Cara Membuat Recent Post, dan kali ini saya akan menulis artikel tentang Cara Membuat Recent Post dengan Thumbnails untuk Blogger. Tapi sebelumnya saya mau menginformasikan kepada pembaca, jika anda membeli perangkat telekomunikasi, sebaiknya yang sudah di sertifikasi atau sudah mendapatkan setifikat resmi dari postel, untuk menjaga agar anda tidak berurusan dengan pihak yang berwajib. Dan perangkat yang sudah di sertifikasi atau sudah melalui proses type approval certification, tentunya sudah teruji di Balai Besar Pengujian Perangkat Telekomunikasi sehingga mutu dan kualitas perangkat terjamin.

Sebelumnya saya sudah pernah memposting cara membuat recent post pada blog.Pada tutorial blog kali ini adalah bagaimana cara menampilkan recent post disertai dengan gambar pada postingan.Dengan adanya gambar akan menarik para pembaca untuk membaca postingan tersebut.Anda bisa melihat contohnya pada blog saya ini yaitu pada posting terbaru.Gambar yang muncul adalah gambar yang ada pada setiap postingan. Cara membuatnya adalah sebagai berikut.

1. Login Pada blogger.
2. Klik Layout pada Dashboard anda.
3. Klik Add a Gadget lalu pilih HTML/Javascript.
4. Masukkan kode script dibawah ini dan Save.
   

Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

<span class="fullpost"><script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
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://marchsya.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script></span>

Hal yang perlu diubah adalah:
boxwidth - Lebar widget
cellspacing - Space antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fntsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : http://marchsya.blogspot.com/ (Ganti dengan URL blog anda)
Yakinkan seeting site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting>Site Feed>Full>Allow Blog Feeds

Demikian informasi dari saya tentang Cara Membuat Recent Post dengan Thumbnails untuk Blogger yang dapat saya sampaikan, semoga berguna dan dapat menambah pengetahuan anda.