1/21/2013

Cara Membuat Daftar Isi dengan Efek Accordion

Cara Membuat Daftar Isi denga Label sudah saya bahas. Bagaimana Cara untuk membuat Efek Pada Daftar Isi?, Salah satunya dengan Efek Accordion adalah Daftar Isi dengan Efek Accordion yang membuat Efek untuk Daftar isi. Daftar Isi dengan Efek Accordion berguna untuk mempermudah dibaca dan loading tidak Terlalu Lama. Apa saja Kelebihan Daftar Isi dengan Efek Accordion?, Berikut Kelebihannya:
  • Loading Tidak Terlalu Lama.
  • Warna Background Berbeda Sesuai Konten.
  • Mengurutkan Posting berdasarkan Abajad.
  • Tidak Terlalu Besar.
  • Efek Membuka Dan Menutup.
Bagaimana Cara untuk memasangnya?, Berikut Caranya:
  • Silahkan Login ke Blogger Anda.
  • Buat Halaman Baru, Seperti yang anda Buat.
  • Setelah itu, Klik Tombol HTML yang ada di samping Kanan.
  • Masukan Kode Berikut ini:
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://your-belajarblog.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

Keterangan:
Ganti Kode yang berwarna merah dengan alamat URL Blog anda.
  • Setelah Itu Klik Tombol Publikasikan.

Selamat Mencoba,
Salam Sukses.



Your-BelajarBLOG

3 comments:

  1. trims atas tutornya sob mohon ijin pasang,sob.kapan2 mampir ke sy di http://flamboyan68.blogspot.com

    ReplyDelete
    Replies
    1. Iyah Sama-Sama,
      Iyah Nanti Saya Kunjungi Balik :^D^:.

      Salam Sukses,


      Your-BelajarBLOG

      Delete
  2. makasih sob tutornya, kunjung balik yaa.. hehee..
    http://ahmadrizal777.blogspot.com

    ReplyDelete

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar