Dijual Rumah di Kota Bandung
LT 140 m2 LB 110 m2 Harga Nego
untuk info KLIK disini

Rabu, 16 Maret 2011

Membuat Kotak Daftar Isi - 2

Cara membuat widget ini sangatlah mudah tinggal sisakan waktu untuk mengerjakannya.O.k langsung aja soalnya waktu saya sudah mempet nie.Berikut cara membuatnya :

1. Login ke blogger. Buka menu Design -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript. Masukkan kode dibawah ini kedalam kotak,


    <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="http://eppoh.blogspot.com/2011/03/membuat-blog-seakan-membuat-rumah.html"></a>Kode Warna HTML – HTML Colour Code</div>

    </div>

Keterangan:
320px merupakan lebar kotak
280px merupakan tinggi kotak
#ffffff pada background-color merupakan warna background
#ffffff pada border merupakan warna garis pinggir. Silahkan ganti sesuai dengan template anda.

Ingat:
contoh daftar isi
Ganti tulisan yang berwarna merah dengan alamat postingan anda dan ganti tulisan berwarna kuning yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode</div>

Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.

3. Kalau sudah klik Save Template. Selesai.

Tambahan:
ada cara lain dan yang ini sepertinya lebih simpel dengan scrol yang manis, klik aja di posting
Membuat Daftar isi pakai widget scroll
source - kang rohman

0 comments:

Posting Komentar