Terbaru

Kamis, 24 Juni 2010

Membuat Recent Post dengan Thumbnails Foto

Hallo sobat, kali ini Felix akan membahas gadget yang sangat penting bagi blog. Gadget tersebut adalah recent posts. Pembaca jadi tahu ada berapa jumlah postingan terbaru di blog kita (kita bisa menyesuaikan dengan keinginan kita). Gadget ini bermanfaat sekali sehingga kita tidak perlu menampilkan banyak postingan pada halaman utama karena takut postingan sebelumnya jadi tidak terlihat. Felix menumukan script ini ketika jalan-jalan di Blogger Trick.
recent post, postingan terakhirBerikut langkah-langkahnya :
1. Login ke blogger
2. Menuju Rancangan>>Edit Laman>>Langsung saja tambahkan script berikut pada widget HTML Sobat
<div style="overflow:auto; padding:5px; width:250px; height:180px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><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 = 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 = 30;
home_page = "http://coretan-felix.co.cc/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</div>


Ganti yang berwarna biru dengan alamat blog sobat, nomer 30 menunjukkan jumlah artikel terbaru yang inging ditampilkan
Atur height dan width pada bagian atas untuk menyesuaikan dengan sidebar sobat.

Semoga berhasil....
Dapatkan Domain co.cc Secara GRATIS, tentukan namamu sendiri
Panduan Lengkap Mengubah domain http://nama.blogspot.com menjadi http://nama.co.cc,
baca di sini
Sobat sedang membaca Membuat Recent Post dengan Thumbnails Foto.Jika Sobat Ingin Mengcopy Artikel Membuat Recent Post dengan Thumbnails Foto ke blog sobat,Jangan Lupa diberi Sumbernya http://www.coretan-felix.co.cc/2010/06/membuat-recent-post-dengan-thumbnails.html

Bantu saya memperbaiki blog ini. Hubungi saya jika Sobat menemukan konten yang rusak, aneh atau tidak berhasil Sobat terapkan. Silahkan beritahu saya dengan klik : Contact Me! . Saya akan berusaha membalas atau memperbaiki konten secepatnya. Terima Kasih. Jika merasa artikel ini bermanfaat, silahkan bagikan ke teman Sobat lewat tombol-tombol di bawah...
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Twitter Facebook Furl

14komentar:

Bagaimana Pendapat Sobat?
Silahkan berkomentar di postingan ini. Jika Sobat ingin membalas komentar seseorang di postingan ini,sobat bisa menggunakan fasilitas reply dengan cara mengawali komentar sobat pada baris pertama dengan:
@Nama Pengkomentar atau
@Kode Angka Komentar (Sering ada beberapa nick yang sama, maka Sobat gunakan id komentar, id komentar berbeda setiap komentar, Klik lihat id komentar untuk mengetahuinya...)

Contohnya Penulisan Komentar:

@7203927038009495854.0

Artikel yang sangat mencerahkan, terima kasih