Home » » Cara Mudah membuat daftar isi Blog dihalaman / sidebar

Cara Mudah membuat daftar isi Blog dihalaman / sidebar

Untuk Membuat daftar isi blog otomastis dalam satu halaman atau menampilkannya disidebar blogger anda, caranya sebagai berikut.

Membuat Daftar Isi Dalam Satu Halaman Saja

Langsung saja berikut langkah :
1. Masuk ke account blogger anda
2. Pilih New post (Halaman Baru)
3. Jangan Lupa Pilih HTML (bukan compose) pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau jsesuai keinginan anda.
5. Copy Kode  ini :

 <script src="https://sitemapku-blog.googlecode.com/files/contentt.js"></script><script src="http://alamat-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

6.Tempelkan dan gantilah teks berwarna merah (http://alamat-blog-anda.blogspot.com) dengan alamat blog kamu.
7.Jika sudah langsung publikasikan. Lihat apakah kamu berhasil Menampilkan daftar isi dalam satu Halaman statis?

Menampilkan Daftar Isi Disidebar Blog

1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi tersebut.
6. Copy kode source daftar isi *sidebarnya:
 
<div style="overflow:auto;width:300px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="https://sitemapku-blog.googlecode.com/files/contentt.js"></script><script src="http://alamat-blog-anda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

7.Tempelkan dan gantilah teks berwarna merah (http://alamat-blog-anda.blogspot.com) dengan alamat blog kamu, lalu simpan

Catatan : Untuk menyesuaikan tampilan Daftar Isi di sidebar blog ini, anda bisa memodifikasi supaya lebih sesuai dengan template yang anda gunakan. Caranya muda saja. Perhatikan di style:

width:300px : Ganti Lebar (300) Daftar isi sesuai dengan yang diinginkan.

height:120px : Ini adalah tinggi sitemap akan tampil disidebar. Silakan ganti sesuai keinginan anda.


3 komentar:

Popular Posts