google-site-verification=4PyO_QSL777Du1Gc1Iq7U5VBurLSMNyd2lW4AvGTCdo Cara Membuat Daftar isi pada Blog <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><strong>Kembali ke Atas</strong></a>
Home » » Cara Membuat Daftar isi pada Blog

Cara Membuat Daftar isi pada Blog

Cara membuat daftar isi blog adalah sebagai berikut, (ikuti langkah di bawah ini)

Langkah Pertama:
1.Login ke Blogger kemudian ke Layout/Tata Letak
2.Pilih Edit HTML
3.Copy kode berikut ini :

#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;}


4.Taruh kode tadi di atas kode : ]]></b:skin>

5.Kemudian simpan.

Langkah Kedua:
1.Pilih Layout/tata letak pada blogger
2.Pada menu Elemen Halaman, tambah gadget di sebelah atas elemen Post
3.Pilih HTML/Javascript dan paste kode di bawah ini ke dalamnya

<div id="toc"></div>

4.Kemudian simpan tanpa memberi judul.

5.klik tambah gadget; posisinya bisa ditentukan sendiri. Paste kode berikut pada konten HTML/Javascript :

<div id="toclink"><a href="javascript:showToc();">Lihat
Daftar Isi</a><br/><br/></div>
<script style="text/javascript"
src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"></script>
<script
src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>


catatan: ganti kata yang dicetak tebal (YOURBLOG) dengan nama blog anda.

6.Beri judul gadget dengan Daftar Isi atau bisa dengan kalimat Anda sendiri
7.Klik tombol Simpan dan lihatlah hasilnya

Related Posts by Categories



Tidak ada komentar:

Posting Komentar

Tulis komentar anda di sini.

Related Posts with Thumbnails

Loading