Membuat Recent Post Keren Dengan Gambar Thumbnail

Assalamualaikum Wr. Wb.
Oke, kali ini saya akan membagikan trik-tips cara Membuat Recent Post Keren Dengan Gambar Thumbnail disampingnya.

Langka-langkah yang harus anda lakukan..:

1. Log in ke Blogger Anda.
2. Pilih Tata Letak.
3. Tambah Gadget dan pilih HTML/JavaScript.
4. Copy paste code script di bawah ini....(paste ke HTML/JavaScript anda)

<div style='float:left;'>

<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xY-9VFWHzt8er8E6qQA8SBgWAnHz6_ZKcV13EULRM4lnAjJsbyRx-zTDpoZQYKY90rV8wFmq9V1SkPN9PlZ7MFg_PEkT4QxNzOqE_YOETOc44MonvH532WBw-bdSnAHbwnWQ4rYLW9M/";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xY-9VFWHzt8er8E6qQA8SBgWAnHz6_ZKcV13EULRM4lnAjJsbyRx-zTDpoZQYKY90rV8wFmq9V1SkPN9PlZ7MFg_PEkT4QxNzOqE_YOETOc44MonvH532WBw-bdSnAHbwnWQ4rYLW9M/";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xY-9VFWHzt8er8E6qQA8SBgWAnHz6_ZKcV13EULRM4lnAjJsbyRx-zTDpoZQYKY90rV8wFmq9V1SkPN9PlZ7MFg_PEkT4QxNzOqE_YOETOc44MonvH532WBw-bdSnAHbwnWQ4rYLW9M/";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xY-9VFWHzt8er8E6qQA8SBgWAnHz6_ZKcV13EULRM4lnAjJsbyRx-zTDpoZQYKY90rV8wFmq9V1SkPN9PlZ7MFg_PEkT4QxNzOqE_YOETOc44MonvH532WBw-bdSnAHbwnWQ4rYLW9M/";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6xY-9VFWHzt8er8E6qQA8SBgWAnHz6_ZKcV13EULRM4lnAjJsbyRx-zTDpoZQYKY90rV8wFmq9V1SkPN9PlZ7MFg_PEkT4QxNzOqE_YOETOc44MonvH532WBw-bdSnAHbwnWQ4rYLW9M/";

showRandomImg = true;

boxwidth = 260;

cellspacing = 3;

borderColor = "#FFFFFF";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "Komentar";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 15;

home_page = "Alamat URL Blog Anda/";

</script>

<script src="http://ary-pratama.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script>

</div>

<div style='clear:both;'/></div>

Simpan hasil kerja sobat....

Keterangan:  

1. boxwidth = 260; Gantri angka itu untuk menyesuaikan ukuran gadget
2. numposts = 15; Angka "15"  Jumlah postingan, bisa diganti
3. home_page = "Alamat URL Blog Anda/"; Urlnya ganti dengan Url blog kamu

Selamat mencoba n' semoga bermanfaat..!!

Bambua*09

Referensi:

EnaL Rhay SyahRinggan Next..>>

Artikel Terkait