Senin, 22 Maret 2010

membuat kotak daftar isi di blog

saya akan menerankan bagaimana cara membuat kotak daftar isi seperti gambar di bawah ini

caranya cukup simpel aja.


1.kamu harus sigin dulu

2.kemudian masuk ke tata letak

3. kemudian elemen laman

4.letakan di mana yang ingin anda letakan kemudian tambah gedget

5.kemudian pilih HTML/javascript
6.kemudian copy code di bawah in




<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">

<div class="list">
1. <a href="alamat anda">tulisan yang akan di tonjolkan</a></div>

<div class="list">
2. <a href="alamat anda">tulisan yang akan di tonjolkan</a></div>

<div class="list">
3. <a href="alamat anda">tulisan yang akan di tonjolkan</a></div>


</div>
keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.oke selamat mencoba



0 komentar:

Posting Komentar

 
Design by tomy redas | Bloggerized by Lasantha - Premium Blogger Themes | Best Web Hosting