Cara Mudah Membuat Daftar Isi Lengkap (Super Keren, Menarik, Otomatis, Simple) di Blog/Web

Cara Mudah Membuat Daftar Isi Lengkap  (Super Keren, Menarik, Otomatis, Simple) di  Blog/Web

by

  Rio Anderta
 

السلام عليكم ورحمة الله وبركاته

بسم الله الرحمن الرحيم

Welcome to Mata Air Ilmu | Center of Excellence  
Tips dan Trik Blogging. Terima kasih buat sobat semua yang telah berkunjung pada blog yang sederhana ini, kali ini saya menulis artikel yang berjudul Cara Mudah Membuat Daftar Isi Lengkap Lebel (Super Keren, Menarik, Otomatis dan Simple) di  Blog/Web. Seperti yang kita ketahui, bahwasanya keberadaan daftar isi dalam sebuah blog/web dapat memudahkan para pengunjung dalam mencari informasi yang di inginkan. Sama halnya seperti daftar isi pada umumnya, baik itu di buku atau pun di majalah.

Dengan adanya daftar isi ini memungkinkan trafik suatu blog bisa meningkat, dan pengunjung blog akan dengan mudah mencari apa yang diinginkannya. Pada postingan artikel kali ini saya ingin memberikan tutorial yang sangat simple tentang Bagaimana cara membuat Daftar Isi Lengkap (Super Keren, Menarik, Otomatis, Simple) di  Blog/Web.

Untuk Mengetahui tampilan daftar isi blog itu seperti apa silahkan lihat demonya berikut ini:

DEMO

Nah jika sahabat blogger  tertarik untuk membuat daftar isi, seperti yang di atas, silahkan simak tutorial nya di bawah ini :

CARA MEMBUAT DAFTAR ISI BLOG KEREN DAN MENARIK :

• Masuk ke akun Blog
• Pilih Laman >> Laman Baru >> Laman Kosong

• Pilihlah mode penulisan dalam bentuk "Mode HTML", bukan pada mode Compase, karena kalau menggunakan mode Compose, maka scrip berikut. tidak akan bekerja. 
• Masukkan Kode berikut pada kolom postingan HTML

 <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://mata-air-ilmu-pusat-kecemerlangan.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Keteranngan:

• Kode berwarna Kuning merupakan kode untuk jQuery, jika kode tersebut sudah ada, maka anda tidak perlu menggunakannya.
• Ganti http://mata-air-ilmu-pusat-kecemerlangan.blogspot.com dengan alamat blog/web Anda
• Jika sudah selesai, silahkan isi judul sesuai dengan keinginan anda, jika sudah klik pratinjau, kalau suda seperti yang diharapkan silahkan klik PUBLISH/PUBLIKASIKAN
• Selesai, silahkan copy kan link URL dari daftar isi tersebut, pada menu navigasi yang ada di template anda, letakkan sesuai dengan keinginan.
• Selamat mencoba dan semoga bermanfaat

TAMBAHAN

•  Untuk daftar isi dengan tema berwarna Merah, silahkan ganti kode yang ditandai dengan warna merah diatas dengan:

https://googledrive.com/host/0B6nuu-1cS17iRmthbUNqd3JOU1E

• Untuk daftar isi dengan tema berwarna BIRU, silahkan ganti kode yang ditandai dengan warna merah diatas dengan:

https://googledrive.com/host/0B6nuu-1cS17iTXE1NF9UZ0ppd1k

• Untuk daftar isi dengan tema berwarna HIJAU, silahkan ganti kode yang ditandai dengan warna merah diatas dengan:

https://googledrive.com/host/0B6nuu-1cS17iSGhLNUtpNmxETkU

Sumber : www.terwujud.com,  www.dedot.info

Thanks You For Visiting | Jangan Lupa Comment ya....!

Share on Google Plus

About Unknown

Satrio Utama Nopenri (Rio Anderta)
Kontak:
FB: https://www.facebook.com/RioAnderta
Twitter: @Anderta
Instagram: rioanderta
Email: rioanderta90@gmail.com