Membuat Widget Postingan Terbaru dengan Image pada Blog

Membuat Widget Postingan Terbaru dengan Image pada Blog

Berikut ini adalah Tutorial mengenai cara baru Membuat Widget Postingan Terbaru dengan Image pada Blog, langsung saja berikut mengenai langkah-dan cara membuatnya, semoga bermanfaat.

Langkah Membuat Membuat Widget Postingan Terbaru dengan Image pada Blog :

1. Langkah Pertama, Sodara Harus Masuk kea kun blogger sodara.
2. Dan Tentunya akan masuk ke Dasboor Blog sodara, setelah itu Klik Tata Letak kemudian klik Add Gadget, selanjutnya Pilih HTML /Javasript
3. Kemudian Sodara tinggal Copy dan Pastekan kode berikut ini 

<div class=”widget content”>
<div style="border: 1px solid rgb(153, 153, 153);overflow: auto;width:ancho;height:280px; padding: 12px;">
<ul>
<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 = 250; /*Lebar Widget*/ cellspacing = 10; /*Jarak Judul Dengan Artikel*/ borderColor = "#ffffff"; /*Warna Garis Tepi*/
bgTD = "#000000"; thumbwidth = 60; /*Lebar Gambar*/ thumbheight = 70; /*Tinggi Gambar*/ fntsize = 10; /*Ukuran Font Judul*/
acolor = "#000";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#fff";
icon2 = " ";
numposts = 25;
home_page = "http://ajariselalu.blogspot.com/";
</script>
<script src="http://ajariselalu.blogspot.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</ul></div>

4. Ganti kode yang berwarna pink dengan Url Blog sodara. Bisa sodara ganti semua kode yang berwarna merah sesuai selera masing-masing. Langkah terakhir yang sodara lakukan adalah Klik Save, dan lihatlah hasilnya pada halaman blog sodara.

Demikian tutorialnya, sekali lagi semoga bermanfaat, dan selamat mencoba.

Wassalam...