Cara Membuat Daftar Isi Blog

Jumat, 25 Desember 2009 ·

Kali ini saya akan membahas cara membuat daftar isi pada blog. Dengan adanya daftar isi ini, setiap postingan yang masuk akan secara otomatis tampil pada widget Daftar Isi ini. Tertarik ingin mencobanya? Langsung aja ya....


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. Simpan pengeditan yang sudah dilakukan

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. Simpan tanpa judul
  5. Jika sudah klik Tambah Gadget lagi dan posisinya bisa Anda tentukan
  6. 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>


    Ganti kalimat berwarna merah dengan alamat blog Anda
  7. Beri judul gadget dengan Daftar Isi atau bisa dengan kalimat Anda sendiri
  8. Klik tombol Simpan dan lihatlah hasilnya.

Selamat mencoba



Artikel Menarik Lainnya



2 komentar:

Ediwan Sigit mengatakan...
28 Januari 2010 12.17  

ikUTAN Nimbrung, gan! Salam kenal.... asyik juga artikel2nya! balik berkunjung ya....! thx

Rully mengatakan...
29 Januari 2010 08.57  

Makasih atas pujian dan kunjungannya

Posting Komentar

Komentar Klasik Klik di sini

Artikel Populer

Postingan Terakhir

Komentar Terakhir

Tukeran Link

<a href="http://belajartrikblog.blogspot.com">target="new"><strong>Belajar Trik Blog</strong></a>

Mengenai Saya

Foto saya
Saya adalah pemula di dunia blogging