Cara Pasang Daftar Isi Otomatis dan Manual Pada Blog Blogger | Tips Blog

Cara Pasang Daftar Isi Otomatis dan Manual Pada Blog, Cara Pasang Daftar Isi ini sangatlah Penting Bagi yang empunya blog, karena dengan ada adanya daftar isi ini, orang orang yang menelusuri blog kita akan sangat mudah mencari-cari artikel yang di inginkan.Cara Pembuatan daftar isi ini ada 2 macam, yang pertama Secara manual dan yang kedua Secara Otomatis.

Apa Perbedaannya antara Cara Membuat daftar isi Otomatis Dan manual? mungkin ada pertanyaan seperti itu dari benak anda, saya jelaskan sedikit yang pertama secara Manual : Membuat daftar isi secara Manual ini adalah kita Harus Memasangkan satu persatu link Posting setiap kita Posting, sedangkan secara otomatis Lingkita akan secara otomatis akan masuk ke Daftar isi. pembuatan daftar isi Otomatis ini sangat berguna bagu anda yan malas utuk update daftar isinya :

Pembuatan Daftar Isi Manual Sebagai Berikut :

1. Login ke Blogger, Klik Rancangan/Design;

2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;

3.Cari dan pilih HTML/Javascript;

4.Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :

<div style="background-color: white; border: 1px solid rgb(255, 255, 255); height: 180px; margin: 0px; overflow: auto; padding: 3px; width: 300px;"><br /> <br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-10="">JUDUL-POST-10</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-9="">JUDUL-POST-9</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-8="">JUDUL-POST-8</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-7="">JUDUL-POST-7</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-6="">JUDUL-POST-6</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-5="">JUDUL-POST-5</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-4="">JUDUL-POST-4</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-3="">JUDUL-POST-3</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-2="">JUDUL-POST-2</a></div><br /> <div class="list"><br /> <a href="http://www.blogger.com/%3Ca%20href=" link-post-1="">JUDUL-POST-1</a></div><br /> <br /> </div><br />

Klik Tombol Save/Simpan.

Keterangan :
Link dan Teks, silahkan diganti dengan link dan teks Anda;
width: 230px; adalah merupakan lebar dari kotak daftar isi manual dan boleh anda sesuaikan;
height: 180px; adalah merupakan tinggi dari kotak daftar isi manual dan boleh anda sesuaikan.

Contoh :

JUDUL-POST-10

JUDUL-POST-9

JUDUL-POST-8

JUDUL-POST-7

JUDUL-POST-6

JUDUL-POST-5

JUDUL-POST-4

JUDUL-POST-3

JUDUL-POST-2

JUDUL-POST-1

Pembuatan Daftar Isi Otomatis Sebagai Berikut :

1. Login ke Blogger, Klik Rancangan/Design;
2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
3.Cari dan pilih HTML/Javascript;
4.Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :

<div style="background-color: white; border: 1px solid rgb(255, 255, 255); height: 180px; margin: 0px; overflow: auto; padding: 3px; width: 300px;"<br /> <br /> <div style="border: 0px solid #000; overflow: auto; height: 220px;"><br /> <script style="text/javascript" src="http://www.srbekasi.org/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://www.abun789.co.cc/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /> </div><br /> <br /> </div></form></div>

Catatan : http://www.abun789.co.cc diganti dengan alamat blog anda
Ukurannya Bisa di sesuaykan dengan slera
Contoh :

Cara Pasang Daftar Isi Otomatis dan Manual Pada Blog Blogger | Tips Blog. Semoga Bermamfaat