Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara Membuat Daftar Isi dengan Efek Accordion

by Irsyad Aslam , at 1/21/2013 , has 3 komentar
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
Irsyad Aslam
About
Cara Membuat Daftar Isi dengan Efek Accordion - written by Irsyad Aslam , published at 1/21/2013, categorized as Trik Blogger . And has 3 komentar
3 komentar Add a comment
trims atas tutornya sob mohon ijin pasang,sob.kapan2 mampir ke sy di http://flamboyan68.blogspot.com
Iyah Sama-Sama,
Iyah Nanti Saya Kunjungi Balik :^D^:.

Salam Sukses,


Your-BelajarBLOG
Delete
Reply Delete
makasih sob tutornya, kunjung balik yaa.. hehee..
http://ahmadrizal777.blogspot.com
Reply Delete

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

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger
-->