Cara membuat Daftar Isi berisi Thumbnails
11.03.00 wita
- Rabu, 05 Januari 2011
- Salam Blogger Indonesia, apa khabar kawan, apa masih enggan alias malas seperti saya pasca Tahun Baru 2011, oh ya lupa Selamat Tahun Baru 2011 semoga di tahun yang baru ini kita diberikan Kemudahan, Kesehatan dan Rejeki yang lebih baik dari tahun-tahun sebelumnya - Amin.
Sekarang sayan akan berbagi dengan kawan cara membuat Daftar Isi Blog berisi Thumbnails yang diciptakan oleh Blogger senior Abu Farhan tapi file scriptnya yang sudah saya simpan, tujuannya untuk mengurangi beban loading, begitu juga harapan saya kalau kawan ingin memakai atau memasangnya di Blog kawan silahkan simpan file js di site hosting kawan.
Caranya sebagai berikut :
- Masuk ke account Google dengan ID kawan
- Pada Dasbor pilih tambah Gadget
- Copas (copy-paste) script berikut kedalamnya
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<script language="JavaScript">
imgr = new Array();imgr[0] = "http://idin.jw.lt/images/idin.png";
imgr[1] = "http://idin.jw.lt/images/idin.png";
imgr[2] = "http://idin.jw.lt/images/idin.png";
imgr[3] = "http://idin.jw.lt/images/idin.png";
imgr[4] = "http://idin.jw.lt/images/idin.png";
showRandomImg = true;
boxwidth = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 25;
thumbheight = 25;
fntsize = 11;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 25;
summarFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://tips-blogbego.blogspot.com/";
</script>
<script src="https://sites.google.com/site/tipsblogbegoku/arsip/recentposts_thumbnail.js"type="text/javascript"></script></div>
Keterangan :
- thumbwidth = 25; thumbheight = 25; warna violet adalah ukuran thumbnails
- numposts = 100; warna biru adalah jumlah file / judul Blog kawan akan ditampilkan, ini disesuaikan umpama jumlah postingan / artikel kawan yang sudah dibuat sebanyak 150 maka angka 100 diganti mungkin dengan 200.
- Ganti tulisan tips-blogbego warna merah dengan Nama Blog Kawan
- Simpan Gadget dan lihat hasilnya
Cara membuat Daftar Isi berisi Thumbnails
Kalau pada Artikel Cara membuat Daftar Isi berisi Thumbnails
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
{[["☆","★"]]}
Rate this posting: Kalau pada Artikel Cara membuat Daftar Isi berisi Thumbnails
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
Mantabz.....bro! Sudah di coba & Sukses
BalasHapusbagus mas mantap
BalasHapusGimana ya bro kalau untuk membuat daftar isi berdasarkan label dan ber-thumbnail, tlng scriptnya ya?
BalasHapusMungkin yang kawan maksud Label / Katagori berdasarkan Namanya berisi Thumbnail
HapusKalau Daftar Isi berisi Thumbnail saja scriptnya kawan tinggal Copas Artikel ini :D
Daftar isi benar sobat, saya menganggap blog seperti sebuah buku (dalam artian isinya)pada setiap buku pasti ada judul, bab. pada bab pasti ada pokok bahasan, subpokok bahasan dan selanjutnya. pada blog saya ada JURNAL, ARTIKEL, PHOTO KEGIATAN KKG, MEDIA PEMBELAJARAN kemudian pada:
BalasHapus1. Jurnal
HEIR TO THE DHAMMA STUDY,JURNAL DEFINISI SHAMPHAPPALAPA
2. Artikel:
Beasiswa Penuh Pendidikan S2 Bagi Guru
STRUKTUR ORGANISASI KKG PENDIDIKAN AGAMA BUDDHA Beasiswa Penuh Pendidikan S2 Bagi GuruBeasiswa S2,
Pembagian Alam Menurut Agama Buddha31 Alam Kehidupan
KUMPULAN SOAL CPNS 2011
Permainan untuk Pendidikan Agama Buddha Agama,
3.Foto Kegiatan KKG
Workshop RPP dengan Pengembangan Eksplorasi, Elabo
GURU PENDIDIKAN AGAMA BUDDHA KABUPATEN SEMARANGNRG,
BIODATA ANGGOTA KKG PENDIDIKAN AGAMA BUDDHA
dan cara saya memposting pada masing-masing bagian tersebut ini yang sampai sekarang saya belum bisa sobat
mohon maaf atas kebodohan ini, semoga sobat tidak bosan
Kalau tak salah saya menangkap maksud mas Lasino dan kalau di Blog hampir sama dengan Katagori/Label - Sub Katagori - Judul dstnya :r
HapusUntuk tampilan di Tab Menu [Laman] akan menjadi bertingkat sebagai gambaran kurang lebih seperti [Lihat komentar di Blog kawan]
terima kasih gan
BalasHapusnnati bisa saya cpba juga diblog saya
sukses selalu..
Trims kawan sudah berkunjung dan memberikan komentar,
Hapuscuma kotak komentar ada masalah huruf captcha kelihatan setengak, jadinya saya tak bisa publish Komentar :r
bagaimana cara menghilangkan teks komentar pada widget tersebut
BalasHapus