Cara Memasang Recent Post Dengan gambar di Blogspot

     Halo para Sobat blogger dan para Pembaca,Kali ini saya akan Posting tentang Cara Memasang Recent Post Dengan gambar di Blogspot.

apakah Recent Post itu?Recent post adalah Posting terbaru di Blog Anda(Menurut saya begitu XD)

ingin melihatnya ?,Ini dia ScreenShotnya : / lihat di pojok kiri blog ku ada Tulisan RecentPost lalu klik itu

Sumber Gambar : boma-internet.blogspot.com

Bagiamana menurut kalian? Nah cara membuat recent post thumbail widget di blogger sangatlah mudah, Anda hanya tinggal mengikuti langkah-langkah yang saya berikan di bawah ini

1. Login Blogger > Rancangan > Tambah Widget > Pilih HTML/Javascript

2. Copy paste kode di bawah ini ke HTML/Javascript

<div style="background:#ebebeb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1M4sszoTpoPEYWRB8vA0Ml6nyQaqCCpmXwl4oHSQ0T1gVxec93XxrhEnwLEGrUTZNXk58aRkzU9EGl1DGQ-_X0EYYXCgqauyKx2O8yhdoUY7FB_3tF0rqTqBPyiAAIPYyBEjGiscFGydH/s1600/auto+recent+post+for+blogger.jpg); font-size:12px; padding:6px; width:288px; height:276px; text-transform: uppercase;">
<div style="padding-top:5px;">
<div style="overflow:auto; height:265px; width:281px;-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;">
<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghTTvSLvVGBRjAedOKr-k64FIvh9YajccgGu0bdKqB6fCtnqOXyWKSuCVVgVouc8Eo_t3Ur62shndfa_fQ5rMk9sWAZmgU5tFusa1xqsve-BZ78bZ2waRVksMPsb8zom7rAly5h87GOVIA/s1600/IdRowRight.jpg";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghTTvSLvVGBRjAedOKr-k64FIvh9YajccgGu0bdKqB6fCtnqOXyWKSuCVVgVouc8Eo_t3Ur62shndfa_fQ5rMk9sWAZmgU5tFusa1xqsve-BZ78bZ2waRVksMPsb8zom7rAly5h87GOVIA/s1600/IdRowRight.jpg";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghTTvSLvVGBRjAedOKr-k64FIvh9YajccgGu0bdKqB6fCtnqOXyWKSuCVVgVouc8Eo_t3Ur62shndfa_fQ5rMk9sWAZmgU5tFusa1xqsve-BZ78bZ2waRVksMPsb8zom7rAly5h87GOVIA/s1600/IdRowRight.jpg";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghTTvSLvVGBRjAedOKr-k64FIvh9YajccgGu0bdKqB6fCtnqOXyWKSuCVVgVouc8Eo_t3Ur62shndfa_fQ5rMk9sWAZmgU5tFusa1xqsve-BZ78bZ2waRVksMPsb8zom7rAly5h87GOVIA/s1600/IdRowRight.jpg";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghTTvSLvVGBRjAedOKr-k64FIvh9YajccgGu0bdKqB6fCtnqOXyWKSuCVVgVouc8Eo_t3Ur62shndfa_fQ5rMk9sWAZmgU5tFusa1xqsve-BZ78bZ2waRVksMPsb8zom7rAly5h87GOVIA/s1600/IdRowRight.jpg";

showRandomImg = true;

boxwidth = 260;

cellspacing = 5;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 35;

thumbheight = 35;

fontsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 15;

home_page = "http://Boma-internet.blogspot.com/";

</script>

<script src="http://yourjavascript.com/12753115291/RecentPostBoma.js" type="text/javascript"></script></div></div></div>

*Keterangan : Numposts = Adalah Jumlah Posting yg akan Muncul ,Contoh : aku Tulis 15 yg akan muncul di Recentpost ada 15 Artikel Terbaru, dan seterusnya. 
lalu pada home_page = "http://boma-internet.blogspot.com"; silakan Anda ganti dengan link atau url blog Anda.

3. Setelah selesai Simpan.


Semoga Posting saya tentang Cara Memasang Recent Post Dengan gambar di Blogspot, Bisa berguna untuk blog anda
dan jangan Lupa Follow blog saya oke
dan Twitter saya @BomRCS