Rabu, 24 Maret 2010

Cara Buat Daftar Isi Dengan Fasilitas Scroll Bar

Apakah ini yang anda Cari-Cari???

Contoh :

Mengantikan Icon di Address Bar
Memajang Tag HTML ke dalam Blog
Huruf Awal Posting Seperti pada Koran
Dst………!!


Anda Tertarik..!!!

Ikuti ajJah langkah-langkahnya di bawah ini :

1. Login ke Blogger.
2. Buka menu Layout -> Page Elements
3. Klik Add a Gadget -> HTML/Javascript.
4. Masukkan kode dibawah ini kedalam kotak

Daftar isi menggunakan icon kecil di sampingnya

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgye8BNAbHY8HF9zVvYBypcFHEFFri4Wk89FtUuCNTNydeAIgyQR3FofPKGkgtDJ-7O4Ny9ROPasfl5BtMK324Or-rUsmqHAz6N33W31EaE1tlJVktsvQ6BuQr9P8uYhUd9mv-W0FUXZRye/") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">
<div class="list">
<a href="http://www.teukuiwan.co.cc/2010/02/mengantikan-icon-di-address-bar-blog.html">Mengantikan Icon di Address Bar</a></div>
<div class="list">
<a href="http://www.teukuiwan.co.cc/2010/02/memajang-tag-html-ke-dalam-tubuh.html">Memajang Tag HTML ke dalam Blog</a></div>
<div class="list">
<a href="http://www.teukuiwan.co.cc/2010/02/huruf-awal-posting-seperti-pada-koran.html">Huruf Awal Posting Seperti pada Koran</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.

Ingat:
Ganti tulisan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru 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.

5. Kalau sudah klik Save Template.

Selesai.

Selamat Mencoba

3 komentar:

  1. kalo cara buat tulisan berjalan seperti di atas gimana???????????, yang ada tulisan my name is

    BalasHapus
  2. sebaiknya di perjelas dengan gambar,, ane kurang ngerti hasil daftar isinya seperti apa
    thaks..

    BalasHapus

Tinggalkan Komentar Anda!
Mari kita terus berbagi....................

Bisnis Online Pemula