Cara Membuat dan Memasang Widget Recent Post / Artikel Terbaru Tumbnail di Blog

Pada posting sebelumnya saya sudah menjelaskan tentang tata Cara Membuat dan Memasang Widget Artikel Terbaru / Recent Post di Blog. Namun, widget itu hanya menampilkan 5 artikel terbaru dalam bentuk tulisan/teks saja, yang mana mungkin kita kurang begitu tertarik untuk menampilkan dan memasang widget tersebut di blog kesayangan kita. Dalam kesempatan kali ini, saya ingin mendiskripsikan tentang Cara Membuat dan Memasang Recent Post Tumbnail yang mana dalam widget tersebut nantinya akan menampilkan gambar dan jumlah komentar di blog, especially untuk blogger/blogspot. 

Kedua cara diatas sebagai solusi alternatif yang tepat karena seperti yang kita tahu bahwa blogger saat ini sudah tidak menyediakan widget artikel terbaru tersebut. Di Blogspot sendiri yang ada hanya widget Popular Post. Adapun untuk membuat widget posting terbaru di blog kita, ada beberapa langkah yang harus kita lakukan, antara lain sebagai berikut. Silahkan baca artikel yang relevan Cara Membuat Scroll pada Widget Arsip Blog.

Cara Membuat dan Memasang Widget Recent Post / Artikel Terbaru Tumbnail di Blog

1. Silahkan log in di blogger dengan menggunakan akun anda masing-masing. Setelah itu, silahkan anda pilih dashbor/home. Kemudian, anda pilih menu layout/tata letak dan pilih add gatget/tambah widget. Seperti gambar dibawah ini.

2. Setelah itu anda pilih HTML/Java Script seperti gambar dibawah ini.

3 Silahkan copas seluruh kode HTML dibawah ini. Silahkan anda ganti url yang berwarna biru dengan alamat url blog anda. Untuk yang berwarna merah, itu merupakan jumlah posting yang ditampilkan dalam widget tersebut.

<script type="text/javaScript">
imgr = new Array();
imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[1] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[2] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[3] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[4] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "";
bgTD = "#000000";
thumbwidth = 75;
thumbheight = 75;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "Comment";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5 ;
home_page = "http://ririnx.blogspot.com/";
</script>
<script src="http://facebooktimer.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>
<a href='http://ririnx.blogspot.com/'
target="_blank"><small><font color='#555555'>Blogger Widget
</font></small></a>

4. Seluruh kode HTML diatas, silahkan anda masukkan ke widget HTML/Java Script seperti gambar di bawah ini. Jangan lupa, beri judul widget dengan "Recent Post" atau "Posting Terbaru" atau yang lainnya terserah anda.

5. Silahkan klik Save dan lihat hasilanya. Jika anda benar dalam memasukkan kode HTML, nanti akan tampil seperti gambar di bawah ini.

Demikianlah informasi yang dapat saya sampaikan untuk anda tentang Cara Membuat dan Memasang Widget Recent Post / Artikel Terbaru Tumbnail di Blog. Semoga dapat bermanfaat. Wassalam. Jangan lupa baca juga posting menarik lainnya di Ririn's Blog tentang Tips Mendapatkan Approval dari Google AdSense. Thanks sudah singgah di blog saya.

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg