Jauh sebelumnya chyberart sudah pernah membahas Cara membuat daftar isi otomatis hanya saja trik tersebut terlalu muter-muter alias ribet. nah kali ini Chyberart punya trik yang sangat mudah untuk membuat daftar isi blog anda secara otomatis.
BTW sebelum ke TKP sobat blogger sudah paham belum yang dimaksut dengan daftar isi blog otomatis ini ?.Kalau sobat belum mengerti akan saya jelaaskan !. dilihat dari judul tutorial kali ini dengan mendengar kata Otomatis berarti daftar isi ini akan sendirinya menditeksi judul postingan anda sehingga apa bila anda posting artikel baru maka akan langsung masuk kehalaman daftar isi anda daftar isi otomatis ini akan secara otomatis menampilkan isi blog anda Jadi sangat cocok untuk anda yang tidak mau repot.
langkah-langkah untuk menambahkan daftar isi otomatis ke blog anda adalah sebagai berikut :
Selamat mencoba sahabat Blogger Chyberart Dot Com
BTW sebelum ke TKP sobat blogger sudah paham belum yang dimaksut dengan daftar isi blog otomatis ini ?.Kalau sobat belum mengerti akan saya jelaaskan !. dilihat dari judul tutorial kali ini dengan mendengar kata Otomatis berarti daftar isi ini akan sendirinya menditeksi judul postingan anda sehingga apa bila anda posting artikel baru maka akan langsung masuk kehalaman daftar isi anda daftar isi otomatis ini akan secara otomatis menampilkan isi blog anda Jadi sangat cocok untuk anda yang tidak mau repot.
langkah-langkah untuk menambahkan daftar isi otomatis ke blog anda adalah sebagai berikut :
- Patikan anda sudah Log-in ke akun blog anda
- Setelah anda login Pilih Rancangan >Elemen Halaman
- Kemudian Klik tambah Widget atau Add Gadget
- Pilih Widget HTML/JavaScript
- Akan tampil halaman baru seperti ini :
- Copas Kede berikut letakan didalam Box HTML/JavaScript diatas
- width:250px; Adalah Lebar Kotak daftar isi blog silahkan rubah ankanya sesuai template blog anda
- height:220px; Adalah Tinggi kotak daftar sisi blog anda
- http://chyberart.blogspot.com Ganti menggunakan alamat Blog anda
- Tahap Terakhir silahkan Klik Simpan dan lihat hasilnya
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:250px;height:220px; background-color: transparant; inset rgb(8, 8, 8);">
<script style="text/javascript" src="http://larasmadyo3.googlecode.com/files/daftar%20isi%20otomatis.js">
</script>
<script src="http://chyberart.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</div>
NB :
Selamat mencoba sahabat Blogger Chyberart Dot Com
0 komentar:
Posting Komentar