MEMBUAT DAFTAR ISI DI BLOGSPOT

Agar supaya tampilan posting yang sudah kita buat untuk beberapa lama dan masuk ke menu arsif blog dan agak sulit untuk menapilkannya kembali dan juga ada bagian-bagian yang lain , maka sebaiknya kita buatkan daftar isi di blog kita, sehingga dapat mengarahkan pengunjung untuk melihatnya secara cepat.

Adapun cara membuat daftar isi di blog khususnya webblognya Blogger, ada beberapa cara, salah satu caranya sebagai berikut ;

Pertama :

1. Kunjungi situs : http://css-lybrary.blogspot.com

2. Klik salah satu bentuk daftar isi di Category

3. Setelah terbuka menu klik demo untuk melihat tampilan daftar isinya, jika sudah .....

4. Klik read full 5. Buka editing blog kamu

6. Klik rancangan

7. Klik Edit HTML

8. Pada menu edit htmal klik Download Full Template, untuk membackup data, jika terjadi kesalahan data ini dapat dikembalikan lagi

9. cari code ini ]]></b:skin> di edit html ( cara copy code ini kemudian pada menu edit html tekan crtl+F, pada kotak tersebut pastekan kode tadi) maka akan menuju langsung ke code tersebut di ruang edit html

10. Kemudian copy code html dibawah ini, letak diatas code ]]></b:skin>

/*Credits: CSS Library for new blogger (beta) template*/ /*URL: http://css-lybrary.blogspot.com */ /*Credits: CSS Library for new blogger (beta) template*/ /*URL: http://css-lybrary.blogspot.com */ #double-line{ padding: 0; width: 100%;

background: transparent; voice-family: "\"}\""; voice-family: inherit; border-top: 5px solid #d25a0b; } #double-line a{ float:left; display: block; color: white; margin: 0 1px 0 0; padding: 5px 10px; text-decoration: none; letter-spacing: 1px; background-color: #000000; border-bottom: 1px solid white; border-top: 1px solid white; font-weight:bold; } #double-line a:hover{ background-color: #808080; } #double-line #current a{ background-color: #d25a0b; border-color: #d25a0b; } #color-line{ clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #d25a0b; }

1. Selesai klik save

Kedua :

1. Click Rancangan

2. Click Tambah Gatget 3. Click menu Javascript/HTML 4. Copy dan paste the code dibawah ini pada ruang edit

Javascript/HTML

<!-- Please change the links with your own links --> <div id="double-line"> <div style="margin-left:100px;"><a href="http://css-lybrary.blogspot.com" title="Home">Home</a></div> <a href="http://kolom-tutorial.blogspot.com" title="Tutorial blogger in bahasa indonesia">Kolom Tutorial</a> <div id="current"><a href="http://template-unik.blogspot.com" title="free blogger template">UniQue Template</a></div> <a href="http://www.obralplus.com/?id=rohman" title="Menjual berbagai software & e-book dengan harga super murah, klik di sini !">Obral Plus</a> <a href="http://www.resepbisnis.com/?id=rohman" title="Panduan membuat website secara praktis, klik di sini !">Belajar Website</a> <!-- you can add saveral link ini here --> <div id="color-line">&nbsp; </div> </div> <!-- closed for double line menu -->

1. Selesai klik save, Kemudian kita tinggal menyesuaikan atau mengubah isinya dengan daftar isi di blog kita, dengan cara sebagai berikut :

<div id="double-line"> <div style="margin-left:100px;"><a href="http://css-lybrary.blogspot.com" title="Home">Home</a></div> <a href="http://kolom-tutorial.blogspot.com" title="Tutorial blogger in bahasa indonesia">Kolom Tutorial</a> <div id="current"><a href="http://template-unik.blogspot.com" title="free blogger template">UniQue Template</a></div> <a href="http://www.obralplus.com/?id=rohman" title="Menjual berbagai software & e-book dengan harga super murah, klik di sini !">Obral Plus</a> <a href="http://www.resepbisnis.com/?id=rohman" title="Panduan membuat website secara praktis, klik di sini

!">Belajar Website</a> KALAU INGIN MENAMBAH MASUKKAN KODE HTMLNYA PADA BAGIAN INI DENGAN MENGAWALI KETIKAN <a href="kode link">judul isi</a> <!-- you can add saveral link ini here --> <div id="color-line">&nbsp; </div> </div> <!-- closed for double line menu -->

Keterangan :

Tulisan berwarna merah untuk meletakkan kode link posting kamu atau yang lain

Tulisan berwarna hijau untuk memberi judul daftar isi kamu

Selamat mencoba, Pratinjau dulu baru seving farmanen !