sobat udah pernah liat blog teman sobat sidebar'a bisa buka,lalu menutup??ini dia trik'a namanya Accordion,kalau sobat belum tau seperti apa Accordion,sobat bisa lihat contoh'a disini dengan Accordion kamu bisa mengurangi tempat blog kamu.trik ini tdk akan memberatkan blog kq.ok,dah langsung aja saya kasih tau cara'a n_n
Pertama,masukan kode HTML ini ke blog kamu...
isi widget yang kamu iginkan.contoh:bukutamu,blogroll,link dan sebagai'a
Isi widget/text kamu disini
Isi widget/text kamu disini
kemudian,masukan CSS ini di template sobat
Note:url gambar bisa kamu ganti sesuai kebutuhan.atau dapat diganti dengan CSS 3


setelah itu,copy paste script ini di bawah kode ]]>
selesai deh...
selamat mencoba n_n
Sumber :: Blog Johanes
Pertama,masukan kode HTML ini ke blog kamu...
isi widget yang kamu iginkan.contoh:bukutamu,blogroll,link dan sebagai'a
Menu1
Isi widget/text kamu disini
Menu2
Isi widget/text kamu disini
kemudian,masukan CSS ini di template sobat
h2.acc_trigger {
padding: 0;
margin: 0 0 5px 0;
background: url(http://www.sohtanaka.com/web-design/examples/accordion/h2_trigger_a.gif) no-repeat;
height: 46px;
line-height: 46px;
width: 500px;
font-size: 2em;
font-weight: normal;
float: left;
}
h2.acc_trigger a {
color: #fff;
text-decoration: none;
display: block;
padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
color: #ccc;
}
h2.active {background-position: left bottom;}
.acc_container {
margin: 0 0 5px; padding: 0;
overflow: hidden;
font-size: 1.2em;
width: 500px;
clear: both;
background: #f0f0f0;
border: 1px solid #d6d6d6;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.acc_container .block {
padding: 20px;
}
Note:url gambar bisa kamu ganti sesuai kebutuhan.atau dapat diganti dengan CSS 3


setelah itu,copy paste script ini di bawah kode ]]>
selesai deh...
selamat mencoba n_n
Sumber :: Blog Johanes
Comments
Post a Comment