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><ul>
<li><a href="http://siniput.blogspot.com/2012/08/cara-membuat-readmore.html" style="text-decoration: none;">Cara Membuat Read More</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-mengganti-template-pada-blogspot.html" style="text-decoration: none;">Cara Mengganti Template Pada Blog</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-menambahkan-tampilan-jam-pada-blog.html" style="text-decoration: none;">Cara Menambahkan Tampilan Jam Pada Blogspot</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/membuat-link-dalam-gambar.html" style="text-decoration: none;">Cara Membuat Link Dalam Gambar</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-menghilangkan-underline-garis.html" style="text-decoration: none;">Cara Menghilangkan Underline (garis bawah) Pada Link diblogspot</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-membuat-kolom-tambah-gadget-di.html" style="text-decoration: none;">Cara Membuat Kolom Tambah Gadget dibawah Header</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-membuat-share-artikel.html" style="text-decoration: none;">Cara Membuat Share Artikel</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-menghapus-link-gambar-pada-blogspot.html" style="text-decoration: none;">Cara Menghapus Link Gambar Pada Blogspot</a></li>
<li><a href="http://siniput.blogspot.com/2012/08/cara-menambah-gadget-diatas-dan-dibawah.html" style="text-decoration: none;">Cara Menambah Gadget diatas dan dibawah Posting</a></li>
</ul></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.

Artikel Terkait: