Cara Membuat Daftar Isi Blog Per Lebel
Bila antum membuat daftar isi secara manual, maka antum harus memasukkan link dari judul-judul posting satu per satu. Hal ini akan membutuhkan banyak waktu untuk mengerjakannya jika link judul posting yang harus dimasukkan sudah cukup banyak. Namun, dengan cara manual ini tidak begitu memperlambat loading blog di banding script
Jika antum berminat silahkan ikuti cara-cara membuat daftar isi dengan banyak lebel di dalamnya:
hal terkait
Bila antum membuat daftar isi secara manual, maka antum harus memasukkan link dari judul-judul posting satu per satu. Hal ini akan membutuhkan banyak waktu untuk mengerjakannya jika link judul posting yang harus dimasukkan sudah cukup banyak. Namun, dengan cara manual ini tidak begitu memperlambat loading blog di banding script
Jika antum berminat silahkan ikuti cara-cara membuat daftar isi dengan banyak lebel di dalamnya:
1. Setelah Sobat masuk di Blogger, klik Rancangan > Elemen Laman > Tambah Gadget. Kemudian pilih HTML/JavaScript.
2. Berikan judul, lalu copy kode di bawah ini dan paste di Konten.
klik disini untuk melihat kode
semoga berhasil
- width:auto; menunjukkan lebar scroll box akan mengikuti lebar sidebar.
- height:100px; menunjukkan tinggi scroll box setinggi 100 piksel. 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 Sobat.
- <ol> menunjukkan numbered list, kalau ingin menjadi bullet list silakan diganti dengan <ul> kalau ga mau ada tanda list nya ganti dengan <ou>.
- Ganti blogzafar.blogspot.com dengan alamat blog Sahabat.
- Ganti (trik dan tips nge-blog) dengan label yang antum inginkan. Penulisan label harus sesuai dengan yang tertera di blog. Perhatikan huruf besar-kecilnya dan spasi diganti dengan %20.
Jika ingin menampilkan lebih dari satu label, atau semua label ini kode nya:
<div style="overflow:auto; width:auto; height:300px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 1000;
var standardstyling = true;
</script>
<script src="http://me-sitemap.googlecode.com/files/sitemapblog.js" type="text/javascript">
</script>
<script src="http://www.webannawawi.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</ol>
</div>
<div style="overflow:auto; width:auto; height:300px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 1000;
var standardstyling = true;
</script>
<script src="http://me-sitemap.googlecode.com/files/sitemapblog.js" type="text/javascript">
</script>
<script src="http://www.webannawawi.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</ol>
</div>
semoga berhasil
salam annawawi
.jpg)