Membuat Daftar Isi Blog

Agar pengunjung mudah dalam mengetahui apa saja content post yang telah anda terbitkan, ada baiknya anda memasang menu daftar isi dalam blog anda. Banyak ragam variasi dalam membuatnya.. dan kali ini kita akan membahas 2 versi "Daftar Isi" terlebih dahulu.

*** Menggunakan efek marquee / bergerak ***

1. Login dulu ke BLOGSPOT anda,lalu masuk ke TATA LETAK -> TAMBAHKAN ELEMEN.

2. Pilih elemen HTML/JAVASCRIPT.

3. Di kolom JUDUL,anda masukkan judul elemen sesuai dengan keinginan anda.

4. Lalu masukkan code dibawah ini ke kolom KONTEN:

<marquee direction="down" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br /> <br /> <script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /> <br /> </marquee>

5. Ganti teks bertuliskan "NAMABLOGANDA" pada kode tersebut dengan Alamat Blog Anda.

6. Selanjutnya,tinggal di SAVE..,Dan Lihat Hasil kerja anda.

*** Menggunakan scroll ***

1. Login dulu ke BLOGSPOT anda,lalu masuk ke TATA LETAK -&gt; TAMBAHKAN ELEMEN

2. Pilih elemen HTML/JAVASCRIPT

3. Di kolom JUDUL,anda masukkan judul elemen sesuai dengan keinginan anda

4. Lalu masukkan code dibawah ini ke kolom KONTEN:

<div style="border: #0080FF; overflow: auto; height: 350px;" margin="5px"><script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://dunia-blogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-scr ipt&max-results=999&callback=showrecentposts"></script></div>By: [<a href="http://dunia-blogger.blogspot.com">Angga Leo Putra</a>]

5. Ganti teks bertuliskan "NAMABLOGANDA" pada kode tersebut dengan Alamat Blog Anda.

6. Save dan lihat hasil kerja anda.

Jika ada kesulitan dalam menerapkannya,jangan sungkan-sungkan untuk meninggalkan komentarnya.

Semoga bermanfaat.

Artikel Terkait