Membuat Widget DAFTAR ISI pada blogger Manual
Assalamualaikum... hehehehehehe maaf ya soalnya kalau masalah ginian ane masih nol (0) soal scrip2 tetek bengek-lah... ngakak ane dapet cara dari temen YM semoga bisa bermanfaat aja buat mas bro2 sekalian .... bangga
oke langsung aja yo...
Kalau masalah daftar isi, mungkin tidak perlu di jelaskan lagi yah, pemula blogger juga tau apa itu daftar isi. Jadi yang ingin saya jelaskan di sini adalah cara membuat daftar isi.
Membuat daftar isi sangat sekali mudah, untuk orang yang sudah lama berpengalaman dib logger sih. Tapi bagi kita yang belum berpengalaman sama sekali harus bagaimana ? di bilang sulit tidak, di bilang mudah tidak. Bias di bilang sedang-sedang saja ? kaya lagu apa yah ….
Udah deh, gak perlu basa-basi, dalam hati kalian mungkin begitu bukan? Oke deh, kita percepat saja biar anda tidak kelamaan di warnet, siapa tau anda sewa warnet? Jadi kasian.
Caranya nih :1. Login ke blogger. Buka menu Layout -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript. Kemudian masukkan kode di berikut :
<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:300px; height:180px; background-color: #ffffff; border:1px solid #ffffff;"> <div class="list"> 1. <a href=" http://dangstars.blogspot.com/2011/10/cara-menampilkan-html-pada-postingan.html">Farse HTML</a></div> <div class="list"> 2. <a href="http://dangstars.blogspot.com/2011/10/optimasi-search-engine.html">SEO</a></div> </div>
Keterangan:
Perlu Sobat ketahui, . width:300px is lebar yang di inginkan, ubah sesuai lebar yang anda inginkan. background-color: #ffffff is warna backround dan bisa anda ubah warnanya menurut template yang di sesuaikan.
Bagaimana jika saya mau menambah postingan ? Mudah saja, anda tinggal copy paste code berikut
2. <a href="http://dangstars.blogspot.com/2011/10/optimasi-search-engine.html">SEO</a></div>Dan jangan lupa untuk mengganti angka 2 menjadi angka 3, dan seterusnya jika anda ingin menambah postingan selanjutnya.
3. jika sudah selesai tinggal Save Template anda. Selesai. kurang bagus jika mengggunakan angka pada judul, bagaimana mengubahnya menjadi icon gambar ? masih ada kok jawabannya, lihat code di bawah ini.
<style> .list { border-bottom:1px dotted #ddd; line-height:1.2em; padding:3px; } </style> Dengan kode <style> .list { background: url("Alamat URL gambar icon sobat") no-repeat left center; border-bottom:1px dotted #ddd; line-height:1.2em; padding:3px 0px 0px 20px; } </style>Tulisan berwarna biru ganti dengan alamat URL kamu !!! Selesai, selamat mencoba .... moga bisa bermanfaatlah amin wassalamualaikum.... belajar
Admin tidak bertanggung jawab atas semua isi komentar ,Mohon dipahami semua isi komentar dengan bijak