Okay to the point aja :
1. Login ke blogger. Buka menu Layout -> 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://zykry-trick.blogspot.com/2010/03/cara-membuat-daftar-isi.html">Cara membuat daftar isi</a></div>
<div class="list">
2. <a href="http://zykry-trick.blogspot.com/2010/03/cara-membuat-daftar-isi.html">Panduan membuat blog di blogger</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.
3. Kalau sudah klik Save Template. Selesai.
Jika anda ingin menggunakan icon gambar sebagai pengganti angka maka ganti kode dibawah ini
<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>
Dengan kode
<style>Ganti tulisan yang berwarna merah dengan alamat icon gambar anda dan hapus angka pada setiap judul postingan.
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaaZAYiJeUs6a8baGtFaKAMy7kEdqe6Al1P2iEEFbwQ6SL4zYiuAJAiBNHWTiQUtD72CzhZAnIxz2pMVwn8UqzTJEGhCrnbh1ikNu01v7T0cpHs_WannbNh7phuBucaanpE3kpA3LPhasj/") no-repeat left center;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
Selamat mencoba. Semoga berhasil
Tidak ada komentar:
Posting Komentar