Kamis, 06 Mei 2010
Membuat Daftar Isi Blog
Pada kesempatan tedahulu saya pernah mengulas bagaimana cara membuat daftar isi pada blog saya posting di sini, namun karena daftar isi tersebut menggunakan javascript, sehingga agak sedikit membebani loading
blog sehingga yang saya sendiri tidak memasangnya di blog ini dengan alasan tidak mau blog ini terlalu berat ketika di akses oleh para pengunjung. Untuk mencari alternatif lain, kita bisa menggunakan engine pencari blogger sendiri. Namun untuk melakukan ini, tentu saja harus sedikit memodifikasi kode template. Sudah tidak sabar untuk membuat daftar isi di blog?
caranya seperti ini :
Langkah #1
Langkah #2
Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini,
apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah
kode yang di sini (ini adalah kode yg ada pada Langkah #1 di atas) :
Selamat berkreasi !
caranya seperti ini :
Langkah #1
- Sign in di blogger dengan ID anda
- Bila sudah berada di halaman dashboard, klik Layout.
- Klik tab Edit HTML
- Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).
- Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.
- Lihat ke bagian body template, lalu cari kode seperti ini :
- Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :
- Klik tombol Simpan Template.
- Selesai. Langkah pertama sudah selesai.
<b:include data='post' name='post'/>
Langkah #2
- Klik tab Elemen Halaman.
- Klik tulisan Tambahkan sebuah Elemen Halaman.
- Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.
- Copy lalu paste kode berikut :
- Ganti NamaBlogAnda nama blog anda sendiri.
Contoh : nama blog saya adalah kolom-tutorial. ganti angka 200 dengan nomor
yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik. - Klik tombol Simpan Perubahan.
- Selesai.
<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi»</a>
Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini,
apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah
kode yang di sini (ini adalah kode yg ada pada Langkah #1 di atas) :
Untuk melihat contoh seperti apa daftar isi ini? silahkan klik → Daftar isi »<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
Selamat berkreasi !
Langganan:
Posting Komentar (Atom)
Blog Archive
Follower...
About Me...
- Night Walker Blog
- Bandar Lampung, Tanjung Karang, Indonesia
- Only Common Person, like the other....
Guest Book...
toko baju & busana wanita
0 komentar:
Posting Komentar