email
PhotobucketPhotobucketPhotobucket
0

Cara Membuat Kotak Daftar Isi


Menyusun daftar postingan adalah bagian dari bangunan yang bisa digunakan untuk menghiasi tampilan blog kita. Blog yang memiliki daftar postingan, akan mempermudah pengunjung untuk mencari informasi yang ada di blog kita. Tapi tentu saja semua informasi tidak wajib kita tampilkan dalam blog kita, daftar postingan sekali lagi hanya menjadi bagian assesories blog, bukan wajib. Jadi dikerjakan bisa lebih baik ditinggalkan juga lebih baik, tergantung dari sisi yang mana anda memandangnya, ok langsung kita ke TKP, ikuti langkah ini :

1. Login ke Blog anda > Layout (tata letak) > Page Elements (laman elemen) Add a Gadget (tambah gadget) > HTML/JavaSript
2. Copy-paste kode berikut ini di kotak konten

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvedn4TCCPCp-NcEtrvmRTCmcyVJi62PC706AEvM-OMQruuc6gE1fU9OdN0yTBnpSOLJ4_7sKiojlqu2buDToMwlsUPULDKbiqsRMPhsxzt_29O2m3HQ07s9yNx0HipfYTTxC8NqVzLtWO/") 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:280px; height:200px; background- border:1px solid #ffffff;">

<div class="list">
<a href="URL postingan anda">Judul Postingan anda</a></div>

</div>


Keterangan :
  • Kode yang bercetak tebal di atas harus anda tambahkan sesuai banyaknya posting anda.
  • Kode yang berwarna merah ganti dengan URL / Link posting anda. Contoh URL / Link posting misalnya seperti ini http://www.geraiblog.com/2010/10/cara-membuat-kotak-daftar-isi.html

Selesai, Ok, silahkan mencoba semoga berhasil
Read more
 

Blogger Tube

Blogger Tube
contoh DEMO klik gambar

Rock All Night

Rock All Night
contoh DEMO klik gambar

Business View

Business View
contoh DEMO klik gambar

Cameo

Cameo
contoh DEMO klik gambar

Studeno

Studeno
contoh DEMO klik gambar

FRANKLE

FRANKLE
contoh DEMO klik gambar

Photo Gallery

Photo Gallery
contoh DEMO klik gambar

Malina

Malina
contoh DEMO klik gambar

Guild Wars

Guild Wars
contoh DEMO klik gambar

Liberation

Liberation
contoh DEMO klik gambar

i Movies

i Movies
contoh DEMO klik gambar

New Story

New Story
contoh DEMO klik gambar