0 Cara Membuat Daftar Isi/Arsip Blog Otomatis dengan Scrool

Selamat bertemu kembali. Malam yang begitu indah untuk memposting ke blog Anak Pesisir...... Postingan ini akan membahas tentang cara membuat DAFTAR ISI atau ARSIP BLOG secara otomatis. Tidak perlu edit HTML, cukup copy paste saja. Beres deh.......!!!! Demonya, silahkan lihat bagian atas blog ini.

Ok!!! Kita langsung saja ke pokok permasalahan. Pertama, seperti biasa silahkan login ke akun blog Anda atau klik di sini. Klik RANCANGAN kemudian pada halaman ELEMEN LAMAN klik Add Gadget/Tambah Gadget. Untuk lebih jelas, lihat nih gambarnya!

Kalau sudah muncul, klik saja tanda plus pada HTML/JavaScript. Lihat gambar berikut.

Nah, kan muncul tuh kotaknya. Silahkan isi judul sesuai keinginan Anda lalu copy paste kode berikut ke dalam kolom yang kosong. Lihat gambar di bawahnya.

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 0; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 0; border-top: 2px groove #fff; border-left: 2px groove #fff; border-bottom: 2px groove #fff; border-right: 0px dashed #fff; width: 99%; height: 263px; margin-top: 5px;margin-bottom: 5px;overflow: auto;color:#fff;-webkit-border-radius: 10px 0 0 10px; background: #000;-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);box-shadow: 0 1px 0px rgba(0,0,0,.1);"><script src="http://aldi1.googlecode.com/files/new%20%202.js"></script><br /> <script>var numposts = 100; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><br /> <script src="HTTP://NAMA BLOG ANDA.BLOGSPOT.COM/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script></div>

Setelah itu, klik SIMPAN dan beres deh!!!!

Keterangan:

• Untuk kode width: 99%; height: 263px; silahkan sesuaikan dengan ukuran blog Anda.
• Sedangkan kode HTTP://NAMA BLOG ANDA.BLOGSPOT.COM ganti dengan alamat url blog Anda.
• Kalau ingin mengganti warna bordernya, silahkan ubah kode berikut: border-top: 2px groove #fff; border-left: 2px groove #fff; border-bottom: 2px groove #fff; border-right: 0px dashed #fff;. Jika tidak mau pake border, tinggal hapus saja kode tersebut. Oke!!!

Terima kasih telah berkunjung. Selamat belajar dan jangan lupa komentarnya ya!!!!! Artikel yang sedang Anda baca saat ini berjudul Cara Membuat Daftar Isi/Arsip Blog Otomatis dengan Scrool