Cara membuat daftar isi scroll
pengen buat daftar isi scrol seperti punya saya... hehehehehe bagus kan..??
gampang dengan www.yudsharing.co.cc semuanya bisa dibantu, berikut adalah langkah-langkah dalam membuatnya
silahkan anda ikuti langkah2 dibawah ini :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script yang ada di bawah ini tinggal anda edit saja :
4.setelah anda edit dengan daftar isi yang ingin anda masukan, simpan.hasilnya seperti dibawah ini:
keterangan:
+ overflow:auto;
» kode ini agar tercipta scrolling atau penggulung halaman apabila isi
dari halaman tersebut sudah melampaui batas tinggi atau lebar yang
telah di tentukan.
+ width:300px;
» adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar
300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di
sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai
dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
+ height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
+ padding:10px;
» adalah kode pembuat jarak agar tulisan yang ada dalam halaman
tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di
ubah sesuai keinginan. misal : padding:5px;
+ border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
gimana??ngerti??mudah bangetkan...selamat mencoba kawan..jangan lupa comment,
gampang dengan www.yudsharing.co.cc semuanya bisa dibantu, berikut adalah langkah-langkah dalam membuatnya
silahkan anda ikuti langkah2 dibawah ini :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script yang ada di bawah ini tinggal anda edit saja :
<div style='overflow:auto;width:160px;height:220px;padding:10px;border:2px solid #eee'><ul><li><a href='http://www.yudsharing.co.cc/2011/05/program-algoritmamenampilkan-nilai.html'>program algoritma(menampilkan nilai)</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/cara-memindahkan-posting-ke-blog-baru.html'>cara memindah posting ke blog baru</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/menghubungkan-2-dua-komputer-dengan.html'>Menghubungkan 2 (Dua) Komputer Dengan Kabel LAN</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/tips-merawat-komputer.html'>Tips Merawat Komputerr</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/cyber-crime.html'>cyber crime</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/camfrog.html'>camfrog</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/cara-memutus-jaringan-koneksi-internet.html'>Cara Memutus jaringan koneksi Internet dengan Netcut</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/my-movie-awatara-mona.html'>my movie (awatara-mona)</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/gejala-komputer-yang-terinfeksi-virus.html'>Gejala Komputer Yang Terinfeksi Virus & Cara Mengatasinya</a></li>
</ul></div>
<li><a href='http://www.yudsharing.co.cc/2011/05/cara-memindahkan-posting-ke-blog-baru.html'>cara memindah posting ke blog baru</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/menghubungkan-2-dua-komputer-dengan.html'>Menghubungkan 2 (Dua) Komputer Dengan Kabel LAN</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/tips-merawat-komputer.html'>Tips Merawat Komputerr</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/cyber-crime.html'>cyber crime</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/camfrog.html'>camfrog</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/cara-memutus-jaringan-koneksi-internet.html'>Cara Memutus jaringan koneksi Internet dengan Netcut</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/my-movie-awatara-mona.html'>my movie (awatara-mona)</a></li>
<li><a href='http://www.yudsharing.co.cc/2011/05/gejala-komputer-yang-terinfeksi-virus.html'>Gejala Komputer Yang Terinfeksi Virus & Cara Mengatasinya</a></li>
</ul></div>
4.setelah anda edit dengan daftar isi yang ingin anda masukan, simpan.hasilnya seperti dibawah ini:
- free template 3 column
- Cara Membuat buku tamu
- memperindah header dengan tampilan grafity
- membuat buku tamu tersembunyi
- mengganti header blog dengan banner
- Cara menulis code script pada postingan
- mengganti tampilan cursor pada blogger
- cara membuat halaman berurut123
- cara mengganti template blogger
keterangan:
+ overflow:auto;
» kode ini agar tercipta scrolling atau penggulung halaman apabila isi
dari halaman tersebut sudah melampaui batas tinggi atau lebar yang
telah di tentukan.
+ width:300px;
» adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar
300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di
sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai
dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
+ height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
+ padding:10px;
» adalah kode pembuat jarak agar tulisan yang ada dalam halaman
tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di
ubah sesuai keinginan. misal : padding:5px;
+ border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
gimana??ngerti??mudah bangetkan...selamat mencoba kawan..jangan lupa comment,
Tidak ada komentar:
Posting Komentar