Rabu, 31 Maret 2010

Membuat Daftar isi Pada Blogger


Pada Kesempatan Kali ini KangTiar akan mengulas tentang"Membuat Daftar isi Pada Blogger".Daftar isi sendiri sangat berfungsi bagi Pembacanya,Fungsinya tersebut yaitu Sebagai tempat untuk menampilkan seluruh judul pada Buku.Tapi kali ini pada blog..lho,bukan buku..Cara ini dapat memudahkan kita dalam penulisan link ke postingan-postingan kita yang lawas.Dengan adanya daftar isi ini,setiap anda memostingkan artikel dan Secara Otomatis Artikel anda langsung masuk Ke Daftar isi.Bila anda tertarik,Berikut langkah-langkah untuk membuatnya:

Langkah Pertama:
  • Login di Blogger.Com kemudian Tuju Tab layout/Tata Letak
  • Pilih Edit HTML
  • Lalu Copy Kode Berikut,taruh di atas Kode ]]></b:skin>
#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;}

  • Lalu SIMPAN
 Langkah Kedua:
  • Pilih tab Layout/Tata Letak
  • Pada Elemen Halaman,Tambahkan Gadged diatas Elemen Posting
  • Pilih Kategori HTML/Javascript lalu Pastekan kode berikut di dalamnya.

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

  • Lalu SIMPAN (tanpa Judul ya....!!!!)
  • Jika sudah,Pilih Tambah Gadget lagi,Posisi/letaknya Terserah anda
  • Pastekan Kode Berikut Pada Pilihan 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>
Keterangan: Ganti Kode yang Berwarna Merah Sesuai URL Blog Anda
  • Beri Judul Gadget dengan Daftar isi(atau Sesuai Keinginan Anda)
  • Langkah Terakhir ya Tinggal Menyimpan (Klik SIMPAN)
Semoga Artikel ini dapat Berguna untuk Sobat Blogger Indonesia.[KangTiar]

Tag:Cara Membuat Daftar isi Otomatis,Membuat Daftar isi di Blog,Membuat Daftar isi Pada Blogger v.01

2 komentar:

  1. Keren..... artikel yang menarik nih. keep posting bos... :)

    BalasHapus
  2. wah pake daftar isi, tambah keren nih. thank's infonya ya ^_^

    BalasHapus