Cara Membuat Daftar isi Blog Keren dan Cantik

Daftar isi sebuah blog merupakan hal sangat penting, selain mempermudah pengunjung untuk mengetahui artikel-artikel blog kita, secara SEO hal ini juga akan mempengaruhi status traffic sebuah blog. Sebenarnya banyak jenis daftar isi yang bisa ditampilkan dalam blog anda, seperti daftar isi manual, daftar isi otomatis sederhana dan daftar isi blog yang keren dan cantik.

Kali ini saya akan mengutarakan tentang Cara Membuat Daftar isi Blog Keren dan Cantik dengan sistem accordion effect. sistem accordion effect memberikan tampilan menarik untuk daftar isi blog anda dan tidak menampilkannya secara keseluruhan. Berikut:

DEMO

Cara Membuat Daftar isi Blog Keren dan Cantik

1. Buka Dashboard blog anda

2. Buat halaman baru atau edit halaman daftar isi yang mau dirubah

3. Copy dan Paste kode dibawah ini di halaman blog anda

---

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

var showNew = true,

accToc = true,

openNewTab = true,

maxNew = 2,

baru = "New!",

sDownSpeed = 600,

sUpSpeed = 600;

</script>

<link href="https://googledrive.com/host/0B2J42XkvLqFobkh1X1hfX2JBX1k" rel="stylesheet"></link>

<script src="https://googledrive.com/host/0B2J42XkvLqFoWjlEQ1NrSU40Zmc" type="text/javascript"></script>

<script src="http://www.terwujud.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

---

4. Publish atau perbaharui
5. Lihat hasilnya

Keterangan:

• Kode berwarna Kuning merupakan kode untuk jQuery, jika kode tersebut sudah ada, maka anda boleh memasukkannya atau tidak perlu menggunakannya.
• Kode berwarna Merah adalah alamat blog, ganti dengan url blog anda
• Ganti Kode Css warna biru untuk ukuran font-size: 14px dengan 0B-sxVIv5m_o8b3VIVHZfR0xiUHM

Nah,..sekarang daftar isi blog anda telah jadi, sedikit pemberitahuan bahwa jika pada daftar isi blog di atas terdapat link blog saya "SiteMap By Terwujud.com", maka anda dapat menggantinya secara manual. Untuk mengetahui dan menggantinya silahkan baca Cara Merubah Kode Javascript Secara Manual dan Otomatis.

Demikian artikel tentang Cara Membuat Daftar isi Blog Keren dan Cantik, semoga artikel ini benar-benar bermanfaat bagi kita semua. Thanks you all!!.