Belajar Askep
.

Tuesday, January 24, 2012

Browse » Home » » Cara Membuat Daftar Isi diBloger Bagian ke Dau

Cara Membuat Daftar Isi diBloger Bagian ke Dau

Bagikan Keteman Lewat:



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 !


Posted By Belajar Askep
Jangan Asal CoPas!!! baca aturannya Disini
Thank You So Much!
Kalau sudah membaca silahkan isi Buku Tamu
Terima kasih telah membaca artikel: Cara Membuat Daftar Isi diBloger Bagian ke Dau Silahkan baca artikel Blog ©Belajar Askep Lainya Dibawah ini:
Advertisement below...!

Comments : Ada 0 komentar untuk Cara Membuat Daftar Isi diBloger Bagian ke Dau

Post a Comment

 
© Copyright 2011 : Belajar Askep
All Rights Reserved | About | Privacy | Contact | T O S | Sitemap | Stylished by Ahmad Soleh Powered By Blogger
^_^ Submit | Template dari : Free Blogger Templates | Member Area | Report | Report | Log In | Log Out
Ping your blog, website, or RSS feed for Free | |