Cara Membuat Daftar Isi diBloger

Gampang kok hehehhe (bukan maksud sombong loh ini)
Saya rasa ini memang harus di posting karena daftar isi ini
Cukup penting bagi para blogger mania karena dapa memudahkan para pengunjung
Melihat isi blog kita …

Kode HTML dari cara membuat daftar isi di blog ini memang bukan sepenuhnya buatan saya ^^ hehhe maklum masih newbie

Cara-cara membuat daftar isi diblog banyak macamnya
Tapi satu-satu ah , besok-besok lagi saya berikan cara membuat daftar isi diblog agar para pengunjung di blog ini tidak bingung

Langsung ke TKP aja dah gan^^

Cara membuat daftar isi diblog langkah-langkahnya sebagai berikut ::

Cari kode berikut pada kode template kamu tapi jangan centang expand yahhh

]]></b:skin>

copy kode ini tepat di atas kode tadi
#toc { border: 0px solid #000000; background: #ffffff; padding:2px; width:495px; margin-top:10px;}

.toc-header-col1, .toc-header-col2,

.toc-header-col3 { background: #B5CBFA; color: #000000; padding-left: 5px; width:250px;}

.toc-header-col2 { width:75px;}

.toc-header-col3 { width:125px;}

.toc-header-col1 a:link, .toc-header-col1 a:visited,

.toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link,

.toc-header-col3 a:visited { font-size:100%; text-decoration:none;}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover { font-size:100%; text-decoration:underline; color:#3D3F44;}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:100%; background:#f0f0f0;}
Klik simpan
kemudian Klik menu tata letak

# Klik tulisan tambah gadget

# Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML

# Copy paste kode berikut ke dalam elemen yang muncul
<div id="toc"></div>
# Klik tombol Simpan

# Pindahkan elemen yang baru di buat tepat di atas elemen Post

# Klik tombol Simpan yang berada di sebelah atas

# Klik tulisan Tambah gadget lagi

# Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML # Beri judul elemen tersebut dengan yang kata yang kamu kehendaki. Contoh : DAFTAR ISI , kemudian copy paste kode berikut ke dalam kotak elemen

<div id="toclink"><a href="javascript:showToc();"><img src="http://amen24.googlepages.com/folder.gif"/>
  Lihat Daftar Isi !</a><br/><br/></div>
<script style="text/javascript" src="http://amen24.googlepages.com/daftarisi.js">
</script><script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>

Jangan lupa untuk mengganti tulisan YOURBLOG dengan nama blog kamu.
Jangan lupa klik simpan

Selamat mencoba !

Bagikan lewat :

Anda sedang membaca artikel tentang Cara Membuat Daftar Isi diBloger dan anda bisa menemukan artikel Cara Membuat Daftar Isi diBloger ini dengan URL http://really-really-good.blogspot.com/2011/05/cara-membuat-daftar-isi-dibloger.html. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel Cara Membuat Daftar Isi diBloger ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK Cara Membuat Daftar Isi diBloger sebagai sumbernya.

<a href='http://really-really-good.blogspot.com/2011/05/cara-membuat-daftar-isi-dibloger.html'>Cara Membuat Daftar Isi diBloger</a>

Artikel lain yang mungkin ingin anda baca!

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!