Membuat Recent Post dengan Gambar

Membuat recent post dengan disertai Gambar / Thumbnails di blog akan membuat blog lebih profesional. Di samping itu akan lebih memudahkan para pengunjung untuk lebih mudah memahami dengan perkiraan isi dari maksud gambar yang tertera di samping judul postingan kita.

Caranya cukup mudah dan tidak merusak template kita, karena cara ini dengan cara menambahkan Gadget di luar atau lebih dikenal -> "Add a Gadget" jadi kalau teman-teman tidak suka tinggal hapus saja Gadget itu.

Lalu bagaimana caranya ? Langsung ke TKP :

1. Login ke blogger, pilih tata letak, lalu tambah gadget HTML

2. Taruh kode berikut di dalamnya dan jangan lupa disimpan

<script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFH9M50cyu_XC8QCljTSqUb-3ATmk2TOFpw51uJxL5wp3i0VTYTMU5gfu9bW6nZKPO-lp6Bz-BfOuUtPJB0jmeZ1Hm5jprpFDVq3327awr8jz7Szs6LTrdlzlT7fc5QpI62at5gTMeKIY//";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFH9M50cyu_XC8QCljTSqUb-3ATmk2TOFpw51uJxL5wp3i0VTYTMU5gfu9bW6nZKPO-lp6Bz-BfOuUtPJB0jmeZ1Hm5jprpFDVq3327awr8jz7Szs6LTrdlzlT7fc5QpI62at5gTMeKIY//";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFH9M50cyu_XC8QCljTSqUb-3ATmk2TOFpw51uJxL5wp3i0VTYTMU5gfu9bW6nZKPO-lp6Bz-BfOuUtPJB0jmeZ1Hm5jprpFDVq3327awr8jz7Szs6LTrdlzlT7fc5QpI62at5gTMeKIY//";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFH9M50cyu_XC8QCljTSqUb-3ATmk2TOFpw51uJxL5wp3i0VTYTMU5gfu9bW6nZKPO-lp6Bz-BfOuUtPJB0jmeZ1Hm5jprpFDVq3327awr8jz7Szs6LTrdlzlT7fc5QpI62at5gTMeKIY//";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFH9M50cyu_XC8QCljTSqUb-3ATmk2TOFpw51uJxL5wp3i0VTYTMU5gfu9bW6nZKPO-lp6Bz-BfOuUtPJB0jmeZ1Hm5jprpFDVq3327awr8jz7Szs6LTrdlzlT7fc5QpI62at5gTMeKIY//";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://www.kulimandiri.com/";

</script>

<script src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/recentposts_thumbnail.js" type="text/javascript"></script>

Nah bagian2 yang harus teman-teman atur agar sesuai dengan blognya teman-teman adalah sebagai berikut:

-boxwidth = lebar widget recent post

-cellspacing = spasi masing2 cells, disesuaikan.

-borderColor = Warna border/garis tepi (pilih warna di sini)

-thumbwidth dan thumbheight = silahkan untuk disesuaikan dengan keadaan blog anda.

-fntsize = GD font/tulisan

-acolor = Wrna juudl post pada recent post (pilih warna di sini)

-aBold = tebal judul postingan yg tampil pada widgwt recnt post

-Numpost = jumlah postingan yg akan muncul pada recent post thumbnails widget

-tulisan biru tebal = itu harus diganti dengan alamat blognya tman2


Biasanya beberapa rekan blogger ada yg mengalami beberapa maslah yg tdk diinginkan, seperti widget tersebut gak mau tampil, maka kemungkinan ada beberapa langkah lagi untuk mensetting blog anda agar widget tersebut bisa tampil:

1. Pergi ke halaman pengaturan >> pilih opsi feed situs

2. lalu pada bagian "Izinkan Feed Blog" silahkan untuk menyetingnya menjadi: Penuh

3. Untuk bagian "Posting URL Pengubahan Arah Feed", silahkan dikosongkan.

4. simpan hasil setelan anda. Silahkan lihat hasilnya

Semoga Bermanfaat