Cara Membuat Daftar Isi diBloger Bagian ke Dau

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"/>
&nbsp;&nbsp;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 :

Tweet

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

<a href='http://really-really-good.blogspot.com/2012/01/cara-membuat-daftar-isi-dibloger-bagian.html'>Cara Membuat Daftar Isi diBloger Bagian ke Dau</a>

Artikel lain yang mungkin ingin anda baca!

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