Cara membuat kotak daftar isi pada blog
Cara membuat kotak daftar isi pada blog, berikut langkah - langkahnya :
Keterangan:
- Loggin ke blogger
- Klik rancangan/tata letak
- Add gadget/tambah gadget
- Masukkan kode dibawah ini:
<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:220px; height:350px; background-color: #fffff; border:0px solid #000000;">
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/membuat-footer-3-kolom-dibawah-posting.html">Membuat footer 3 kolom dibawah posting</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/cara-memasang-toolbar-wibiya-blog.html">Cara memasang toolbar Wibiya pada blog</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/membuat-background-berwarna-pada.html">Membuat background berwarna pada postingan</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/cara-membuat-text-area-dengan.html">Cara membuat text area dengan background warna dan gambar</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/membuat-background-pada-relate.html">Membuat background pada relate post/artikel terkait</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/cara-memasang-search-engin-pada-blog.html">Cara Memasang search engin pada blog</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/cara-membuat-kotak-banner.html">Cara membuat kotak banner</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/membuat-search-engin-pada-navbar-blog.html">Membuat search engin pada navbar blog</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/cara-menghapus-widget-yang-terkunci.html">Cara Menghapus widget yang terkunci</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/cara-membuat-navbar-auto-hidden.html">Cara membuat navbar auto hidden</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/cara-menghapus-komentar-blog.html">Cara menghapus komentar blog</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/membuat-dua-element-dibawah-header.html">Membuat dua element dibawah header</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/membuat-3-kolom-element-dibawah-header.html">Membuat 3 kolom element dibawah header</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/bertukar-link-dengan-adil.html">Bertukar link dengan adil</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/cara-membuat-widget-hanya-tampil-di.html">Cara membuat widget hanya tampil di homepage</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/membuat-breadcrumb-navigation-pada.html">Membuat Breadcrumb Navigation pada blogger</a></div>
<div class="list">
<a href="http://softwaregeratis.blogspot.com/2010/05/membuat-menu-horisontal-pada-blogger.html">Membuat Menu Horisontal pada blogger</a></div>
</div> - Maka akan tampil seperti dibawah ini:
Keterangan:
- yang saya beri warna merah adalah ukuran lebar dan tinggi kotaknya,sesuaikan dengan ukuran sidebar kamu
- yang berwarna hijau adalah alamat/URL dari artikel kamu
- sedangkan tulisan yang berkedip adalah salah satu contoh ancor untuk judul postinganya.
0 comments:
Berkomentarlah secara SOPAN dan BIJAK, dan sebaiknya pahami dulu topiknya supaya komentar serasi dengan topiknya, dan Dilarang membuat SPAM, kata2x kasar, kata2x berbau porno, dan hal-hal yang berbau negatif
Trims