Sabtu, 11 Juli 2009
Browse Manual »
Wiring »
Gambar
»
Tips dan Triks
»
Membuat Recent Post dengan Gambar atau Thumbnails
Sobat mungkin sedang mencari artikel mengenai trik untuk membuat recent post atau posting terbaru dengan thumbnail (gambar). Kebetulan pada kesempatan ini blog trik dan tips akan memberikan tutorial tersebut. Recent post yang akan kita buat akan membuat penampilan blog lebih menarik. Gambar yang muncul adalah gambar yang berasal dari posting sobat dan gambar tersebut ditampilkan secara otomatis. Jika sobat sudah tidak sabaran ikuti langkahnya dibawah ini:
1. Login ke blogger.
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML/JavaScript
4. Masukkan kode dibawah ini:
- numposts = 4; Jumlah posting yang ingin ditampilkan
- thumbwidth = 25; ukuran lebar gambar
- thumbheight = 25; ukuran tinggi gambar
5. Ganti http://defecafe.blogspot.com/ dengan url blog anda
6. Simpanlah template anda dan selamat mencoba!!!
Membuat Recent Post dengan Gambar atau Thumbnails
Sobat mungkin sedang mencari artikel mengenai trik untuk membuat recent post atau posting terbaru dengan thumbnail (gambar). Kebetulan pada kesempatan ini blog trik dan tips akan memberikan tutorial tersebut. Recent post yang akan kita buat akan membuat penampilan blog lebih menarik. Gambar yang muncul adalah gambar yang berasal dari posting sobat dan gambar tersebut ditampilkan secara otomatis. Jika sobat sudah tidak sabaran ikuti langkahnya dibawah ini:1. Login ke blogger.
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML/JavaScript
4. Masukkan kode dibawah ini:
<script language="JavaScript">Keterangan:
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 = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 25;
thumbheight = 25;
fntsize = 11;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 4;
home_page = "http://defecafe.blogspot.com/";
</script>
<script src="http://defecafe-blogspot.googlecode.com/files/recentposts_thumbnail.js" type="text/javascript"></script>
- numposts = 4; Jumlah posting yang ingin ditampilkan
- thumbwidth = 25; ukuran lebar gambar
- thumbheight = 25; ukuran tinggi gambar
5. Ganti http://defecafe.blogspot.com/ dengan url blog anda
6. Simpanlah template anda dan selamat mencoba!!!