Kali ini artikel saya akan membahas
tentang daftar isi sebuah bllog atau website. Daftar isi pada
website/blog berfungsi sebagai alat navigasi bagi pemilik maupun
pengunjung untuk menjelajahi isi dari website/blog dan bicara soal alat
navigasi sebetulnya juga pernah dibahas pada posting saya yang
berjudul Membuat Menu Scroll di Blogspot, namun posting ini akan membahas khusus soal alat navigasi berupa Daftar Isi seperti , contohnya seperti di bawah ini:
Pada umumnya jenis daftar isi ada 2 (dua) macam
yaitu daftar isi manual dan daftar isi otomatis. Perbedaan dari kedua
daftar isi tersebut adalah jika daftar isi manual sesuai dengan namanya
dipasang dan diatur secara manual sesuai keinginan pemilik blog,
sedangkan jika daftar isi otomatis akan secara otomatis menampilkan isi
blog berdasarkan urutan abjad pada label dan judul postingan.
Baiklah saya rasa penjelasan singkat tentang fungsi daftar isi pada blog sudah cukup dan sekarang mari mulai bahas sesuai judul posting ini Membuat Daftar Isi Manual Di Blogspot, silahkan ikuti langkah-langkahnya sebagai berikut :
Baiklah saya rasa penjelasan singkat tentang fungsi daftar isi pada blog sudah cukup dan sekarang mari mulai bahas sesuai judul posting ini Membuat Daftar Isi Manual Di Blogspot, silahkan ikuti langkah-langkahnya sebagai berikut :
- Login ke Blogger, Klik Rancangan/Design;
- Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
- Cari dan pilih HTML/Javascript;
- Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :
<div style="background-color: #f7f7f7; border: 1px solid rgb(68, 67, 67); height: 220px; margin: 0px; overflow: auto; padding: 3px; width: 350px;">
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Efek Image Zoom dengan Jquery</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Sliding Login/Register Form Panel di Blog</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Memasang Text Resizer di Blog</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Multi Level Drop Down dengan jQuery</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Menu dTree di Blogger</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Menu Horizontal Animasi di Blog</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Menu Navigasi Horizontal Glossy di Blog</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Effect JQuery Link Nudging di Blog</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Info Panel Slide Vertikal dengan jQuery</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Chatbox Slide Vertikal Dengan jQuery di Blog</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Membuat Daftar Isi Dengan jQuery Accordion</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Memasang Slider Gambar ala Drakon Template</a></div>
<div class="list">
<a href="http://ik-cirebon.blogspot.com/">Memasang Gambar Slide Ala Zinmag Primus</a></div>
</div>
- Klik Tombol Save/Simpan.
- Link dan Teks, silahkan diganti dengan link dan teks Anda;
- width : 230px; adalah merupakan lebar dari kotak daftar isi manual dan boleh anda sesuaikan;
- height : 180px; adalah merupakan tinggi dari kotak daftar isi manual dan boleh anda sesuaikan.
sumber: http://creatingwebsite-maskolis.blogspot.com
Selesai Juga Dech Tutorialnya....
Terimakasih Atas Kunjungannya....
Semoga Ilmu Yang Sedikit Ini Bermanfaat....
Jangan Lupa Like Post Ini Ya.... Terimakasih....
Print this page 
0 komentar:
Posting Komentar