Cara Membuat Daftar Isi Blog

Hai sobat Blogger...Lama tidak bertemu dengan blog saya ini. Setelah sekian lama saya meninggalkan blog ini, saya akhirnya dapat berbagi kepada sobat blogger. Pada entri kali ini, saya ingin memberikan tips untuk membuat Daftar Isi Blog yang dapat kita modifikasi.

Sebelumnya, saya ingin memberikan rekomendasi kepada teman-teman seperti apa nantinya bentuk dari Daftar Isi blog kita tersebut. 

1. Login ke blogger dengan Akun Anda

2. Pada Dasbor blog anda, Silahkan pilih Posting atau Entri Baru

3. Kemudian Copy kode berikut dan pastekan kode tersebut

dalam keadaan Edit HTMLbukan Conpose.

<div id="cl_option"> Loading... </div>
<div id="cl_content_list"></div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 500;</script>
<script src="http://enes-sc.googlecode.com/files/blogtoc-v3.js"></script>
<script src="http://ellektrick.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999"></script>

Kamu dapat mengubah Jumlah kata dalam ringkasan, bukan cuman hanya 500. Tetapi bisa 200,300,400. dll.

Ganti Tulisan ellektrick dengan NamaBlog kamu.

4. Setelah itu, Terbitkan Entri

Jika Tulisan anda telah banyak, tentu Daftar Isi Blog anda akan memakan tempat yang banya. Nah untuk memperkecil tampatnya, kita menggunakan overflow.

Caranya adalah tinggal Menambahkan kede Berikut ini.

<div style="overflow:auto; border: 1px solid #CCC; margin:0px; padding:10px; width:auto; height:500px; background-color:#F0F0F0; text-align:left;">Kode Script Yang diatas</div>

Ganti tinggi Overflownya dengan merubah angka 500 dengan keinginan anda sendiri.

Tulisan Kode Script Yang diatas, silahkan anda letakkan kode script Daftar Isi Blog yang tertera di atas tadi.

Artikel Terkait:

Blogger

• Cara membuat tombol minimize dan maximize
• Cara Membuat Daftar Isi Dengan Jquery
• Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
• Cara Membuat Link Bergoyang Dengan Javascript
• Post Populer dengan Animasi
• Konten Bundar Slide
• Cara membuat Label cloud berputar di blog
• Putar Gambar dengan CSS3 tanpa Javascript
• Pasang Modus Hemat Energi di Blog
• Membuat Tombol Top Up
• Gambar Dengan Efek Zooming di Blog
• Kotak Text Area Dengan Tombol Select All
• Cara Membuat Browser Berputar
• Cara Membuat Efek Coret Pada Postingan
• Image Gallery Menggunakan Jquery 1.4.2
• Cara Menampilkan Favicon Di Semua Browser
• Cara Membuat Random Post Di Blogger
• Cara membuat Artikel Terkait Dengan Gambar/Thumbnails
• Cara Mudah Pasang Emoticon Di Kotak Komentar
• Cara Pasang Head Line News
• Membuat Artikel Terkait Dengan Fungsi Scroll
• Cara Membuat Fitur Reply Pada Kotak Komentar
• Cara Mudah Membuat Recent Post Bergambar Dengan Efek Naik Tangga
• Cara menampilkan Icon Di Judul Postingan
• Memanipulasi Tampilan Jumlah Komentar