Menambahkan Daftar Isi Pada Blog

Berikut ini akan kita bahas tentang bagaimana cara menambahkan Daftar Isi pada blog. Fungsi dari daftar isi agar tampilan blog lebih menarik dan daftar judul postingan agar menjadi lebih ringkas.

Berikut kode yang digunakan:

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 350px;" margin="5px" ;>

<script style="text/javascript" src="http://sites.google.com/site/masfaysblog/Home/codedaftarisi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>Disini tempat menilis judul posting

</div>

untuk tinggi kolom tinggal mengatur height nya sesuaikan dengan keinginan.

sebagai contoh:

<div style="border: 0px solid rgb(51, 255, 51); overflow: auto; height: 200px;" margin="5px"><script style="text/javascript" src="http://sites.google.com/site/masfaysblog/Home/codedaftarisi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/cara-menambahkan-jam-pada-blog.html">Cara Menambahkan Tampilan Jam Pada Blog</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/cara-membuat-tulisan-berkedip-kedip.html">Cara Membuat Tulisan Berkedip-kedip</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/cara-menambah-tampilan-pada-link.html">Cara Menambah Image Pada Link Download</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/membuat-tulisan-bergerak_6531.html">Membuat Tulisan Bergerak</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/cara-mengganti-template-pada-blogspot.html">Cara Mengganti Template Pada Blogspot</a><p></p>
* <a href="http://risqiyanto.blogspot.com/2010/10/pernah-dijumpai-dalamsebuah-blog.html">Cara Menambahkan Gambar Slideshow Pada Blog</a><p></p></div>

Adapun caranya adalah sebagai berikut:

* Langkah pertama login ke Blogger

* Kemudian klik Rancangan dan Elemen Laman,

* Klik Tambah Gadget kemudian pilih HTML/JavaScript.

Copy kode diatas dan pastekan kode tersebut pada kolom  HTML/JavaScript dengan menggunakan mode Edit HTML dan klik simpan.


Selamat mencoba...

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang