Cara Membuat Widget Artikel Terbaru Dengan Gambar Di Blog

Cara Memasang Widget Artikel Terbaru Dengan Gambar Dan Scroll Di Blog - Kali ini, saya akan membahas tentang widget ini. Sebelumnya, Artikel Populer dengan Artikel Terbaru yang akan kami bahas sebenarnya sama, tetapi, pada umumnya widget Artikel Terbaru ini ditaruh pada bagian tab postingan, bukan pada tab Home. Karena tidak etis biasanya jika ditaruh pada halaman utama. Untuk Screen Gambarnya atau contoh, bisa dilihat disini :

Jadi, jika tertarik, ikuti caranya :

1. Login ke Blogger
2. Klik Rancangan >> Add Gadget >> HTML Javasript
3. Copy Paste kode berikut ini

<div style="border: 1px solid rgb(153, 153, 153);overflow: auto;width:ancho;height:300px; padding: 10px;">
<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 = 230; /*Lebar Widget*/
cellspacing = 8; /*Jarak Judul Dengan Artikel*/
borderColor = "#ffffff"; /*Warna Garis Tepi*/
bgTD = "#000000";
thumbwidth = 50; /*Lebar Gambar*/
thumbheight = 50; /*Tinggi Gambar*/
fntsize = 12; /*Ukuran Font Judul*/
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 15;
home_page = "http://URL BLOG SOBAT/";
</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</ul></div>

4. Terakhir, Save

Selamat Mencoba

Tweet