Membuat Daftar Isi di Blog

Daftar isi otomatis (Foto: Lutfietutor)

Cara Membuat Daftar Isi 'Keren' pada Blogspot Secara Otomatis - Daftar Isi (sitemap) pada blog sama halnya dengan daftar isi yang sobat temui pada majalah, buku dan sejenisnya. Khusus untuk blog fungsinya sebagai susunan artikel berupa kumpulan tautan judul postingan yang terstruktur. List daftar isi pada blog dapat menampilkan perlabel, abjad dan lain-lain, sesuai setelan dan modikasi.


Tutorial kali ini adalah membuat daftar isi artikel blog otomatis yang unik dan menarik. Modifikasi dari Om Farhan ini menggunakan teknik kolaborasi JavaScript dan Jquery sehingga terlihat dinamis. Tampilan daftar isi perlabel seperti menu navigasi vertikal. Screenshootnya dapat sobat lihat pada menu daftar isi blog ini. Admin meletakkan pada halaman posting, tepatnya mempaste kode di editor HTML post. Sobat dapat juga menampilkannya melalui sidebar atau widget lainnya.

Tujuan membuat daftar isi blog terutama sekali adalah memudahkan pengunjung menelusuri blog sobat sehingga meningkatnya Pageview blog dan artikel populer. Nah, berikut cara memasang daftar isi blog otomatis, cekidot:
1.  Setelah sobat berada pada halaman Dashboard Blogger,
2.  Untuk pemasangan di sidebar sehinga dapat tampil di
     halaman utama maupun postingan lainnya:
     a. Beralih ke Tata Letak, klik Tambahkan Gadget,
     b. Pilih HTML/JavaScript,
     c. Masukkan kode di bawah ini ke dalam kotak tersebut,

<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://www.walman.org/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;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>

         ____Ubah url berwarna biru menjadi alamat blog sobat.
     d. Selesai, Simpan Template.

3. Untuk pemasangan pada 'halaman post' caranya mudah, cukup membuat entri baru dan copykan
    script di atas di dalam editor HTML posting, beri judul Daftar isi atau Sitemap.

Demikian cara membuat daftar isi otomatis pada blog, semoga bermanfaat. Happy blogging

Dewa - Pupus

Intro : G

G          F#m         Em
Aku tak mengerti apa yang ku rasa
  C              G        Am
Rindu yang tak pernah begitu hebatnya
C          D           G             C
Aku mencintaimu lebih dari yang kau tau
  C           D         Am
Meski kau takan pernah tau

G          F#m        Em
Aku persembahkan hidupku untukmu
 C          G        Am
Telah ku relakan hatiku padamu
 C            D            G          C
Namun kau masih bisu diam seribu bahasa
  C          D       Am
Dan hati kecilku bicara

Reff :

G F#m    Em
Baru ku sadari
          G         A         D
Cintaku bertepuk sebelah tangan
G    F#m    Em          D   C   Cm
Kau buat remuk seluruh hatiku

G         F#m             Em
Semoga waktu akan mengilhami sisi hatimu yang beku
C          G                Am           
Semoga akan datang keajaiban hingga akhirnya kaupun mau
C          D           G              C
Aku mencintaimu lebih dari yang kau tau
  C           D         Am
Meski kau takan pernah tau

Balik ke Reff
Interlude : G F#m Em C G Am
            D C Bm Em Am F D
Balik ke Reff 2x
Coda : G F#m Em C G Am 4x G