Cara membuat daftar isi perlabel secara manual dan otomatis

Share Ke →

Salam Buat Pembaca Blog Bemft Inisnu, Membuat sebuah daftar isi merupakan hal sangat penting karena para pengunjung blog anda bisa dengan mudah mencari artikel/konten yang ada di blog anda. Ada dua cara untuk tutorial kali ini yaitu membuat daftar isi perlabel secara otomatis dan secara manual. Jika anda berminat untuk membuatnya silahkan ikuti tutorial berikut ini :

1. Silahkan masuk di Blogger anda, klik Rancangan > Elemen Laman > Tambah Gadget. Kemudian pilih HTML/JavaScript.

2. Berikan judulnya (“Daftar isi” “ isi blog ini” ) sesuai yang diinginkan, lalu copy kode di bawah ini dan paste di Ruangan HTML/JavaScript.

<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;"><ol><script style="text/javascript">var numposts = 100;var standardstyling = true;</script><script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<ol><script src="http://www.label-tutorial.blogspot.com/feeds/posts/default/-/Tutorial%20membuat%20blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script></ol></ol></div>

Keterangan :    width:auto; menunjukkan lebar scroll box akan mengikuti lebar sidebar.

height:100px; menunjukkan tinggi scroll box setinggi 100 pixsel. Silakan diganti angkanya untuk mengubah tingginya.

border:1px solid #e6e4e3; menunjukkan garis keliling (border) scroll box bergaya solid setebal 1 piksel berwarna #e6e4e3. Silakan disesuaikan dengan keadaan template anda.

<ol> menunjukkan numbered list, kalau ingin menjadi bullet list silakan diganti dengan <ul>.

Ganti http://www.label-tutorial.blogspot.com dengan alamat blog anda.

Ganti Tutorial%20membuat%20blog dengan label yang anda  inginkan. Penulisan label harus sesuai dengan yang tertera di blog. Perhatikan huruf besar-kecilnya dan spasi diganti dengan %20.

3. Klik tombol SIMPAN.

4. Pindahkan elemen tadi ke tempat yang anda inginkan.

5. Klik tombol SIMPAN.

Jika ingin menampilkan lebih dari satu label, silakan ditambahkan script untuk labelnya. Misalnya saya akan menampilkan label Tutorial membuat blog dan komputer maka script-nya akan menjadi seperti di bawah ini.

<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;"><ol><script style="text/javascript">var numposts = 100;var standardstyling = true;</script><script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<h3> Tutorial blog</h3><ol><script src="http://www.label-tutorial.blogspot.com/feeds/posts/default/-/Tutorial%20membuat%20blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script></ol></ol><br/ >
<h3>Komputer</h3><ol><script src="http://www.label-tutorial.blogspot.com/feeds/posts/default/-/komputer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script></ol></ol></div>

Kemudian Klik tombol SIMPAN.

Selesai deh tutorial kali ini ,semoga bermanfaat bagi pembaca

Diposting oleh Bemft Inisnu on Rabu, 06 Februari 2013

Ditulis Oleh : BEMFT INISNU

Bismillahirrohmanirrohim, Ku awali dengan membaca basmalah dan dengan Ridho Allah SWT semoga artikel Cara membuat daftar isi perlabel secara manual dan otomatis yang Bemft Inisnu terbitkan pada hari Rabu, 06 Februari 2013 bisa bermanfaat dan menambah wawasan kita semua.

Di dukung oleh Google Indonesia.