Kamis, 15 Maret 2012

membuat daftar isi


Langakah-langkah untuk membuat daftar isi :
  • Pastikan anda login keblog anda
  • Pilih menu Rancangan  >Elemen halaman >add Gadget
  • Cari dan Pilih HTML/Javascript
  • Copas kode dibawah kedalam Box yang sudah tersedia






<style>
.list {
background: url("http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.gif") 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:305px; height:250px; background-color: transparant;
border: 3px inset rgb(8, 8, 8);">
<div class="list">
<a href="http://www.rejakazari.co.cc/2011/02/cara-membuat-link-download.html"target="_blank">Cara membuat link download</a>
</div>

<div class="list">
<a href="http://www.rejakazari.co.cc/2011/02/cara-menambahkan-tracker-atau-sitimeter.html"target="_blank">Cara menambahkan tracker atau sitimeter kedalam blog</a>
</div>
</div>

  • Jangan Lupa klik Save/Simpan

Terakhir ganti kode warna merah dengan link posting anda dan ganti warna biru dengan mana posting anda <a href="http://www.rejakazari.co.cc/2011/02/cara-membuat-link-download.html"target="_blank">Cara membuat link download</a></div>

Keterangan :

http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.gif adalah URL gambar tanda panah yang berkedip. anda dapat mengganti dengan URL gambar sesuai keinginan anda

background-color: transparant warna latar dari daftar isi anda Silahkan sesuaikan untuk kode warna sesuai keinginan

border-bottom:1px adalah tebal border daftar isi anda
width:305px; adalah lebar dari kotak daftar isi anda
height:250px;

0 komentar:

Posting Komentar