Browse > Home >
aksesorias blogger
> tips : memasang kotak daftar isi
tips : memasang kotak daftar isi
Ok sebenarnya cukup mudah untuk membuat daftar isi seperti kotak blog tutorial yang ada di samping. Bagi anda yang sudah lama ngeblog pasti sudah tahu cara membuatnya hanya saja mungkin caranya yang berbeda.
Nah berikut saya akan memberikan cara membuat kotak daftar isi:
1. Login ke blogger. Buka menu Layout -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript. Masukkan kode dibawah ini
<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:250px; height:150px; background-color: #ffffff; border:1px solid #ffffff;">
<div class="list">
1. <a href="http://chuzblog.blogspot.com/2009/12/tips-memasang-emo-pada-kotak-komentar.html">memasang emo pada kotak coment</a></div>
<div class="list">
2. <a href="http://chuzblog.blogspot.com/2009/12/tips-memasang-emocotion-ke-kotak.html">memasang emocotion pada kotak coment</a></div>
</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:250px; height:150px; background-color: #ffffff; border:1px solid #ffffff;">
<div class="list">
1. <a href="http://chuzblog.blogspot.com/2009/12/tips-memasang-emo-pada-kotak-komentar.html">memasang emo pada kotak coment</a></div>
<div class="list">
2. <a href="http://chuzblog.blogspot.com/2009/12/tips-memasang-emocotion-ke-kotak.html">memasang emocotion pada kotak coment</a></div>
</style>
Ganti tulisan yang berwarna merah tipis dengan alamat postingan anda dan ganti tulisan berwarna merah yg dicetak tebal dengan judul postingan anda.
Keterangan:
270px merupakan lebar kotak, 150px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.
Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi
setelah itu copy scrip di sini
klo sudah masuk linknya,hapus tulisan yang ada di kotak link
terus masukkan scrip ke kotak...klik decode
setelah itu copy paste ke tambah gadget anda
3. Kalau sudah klik Save Template. Selesai.
selamat mencoba sob..semoga bermafaat sob
Artikel Terkait:
Langganan:
Posting Komentar (Atom)
0 Responses to “tips : memasang kotak daftar isi”
Posting Komentar