Skip to main content

Accordion unik dengan Jquery n Css

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


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

Memasang Accordion Dengan Jquery dan Css
Memasang Accordion Dengan Jquery dan Css


setelah itu,copy paste script ini di bawah kode ]]>







selesai deh...
selamat mencoba n_n

Sumber :: Blog Johanes
Labels:

Comments

Post a Comment

Popular posts from this blog

Angry Birds v2.1.0 GAME-CRD

Angry.Birds.v2.1.0.GAME-CRD Release name: Angry.Birds.v2.1.0.GAME-CRD Size: 42.8 MB Language : ENG NFO: Here Release Description: The survival of the Angry Birds is at stake. Dish out revenge on the green pigs who stole the Birds’ eggs. Use the unique powers of the Angry Birds to lay waste to the pigs’ confounding constructions. Angry Birds features challenging, physics-based demolition gameplay with hours and hours of replay value. Each of the 240+ levels requires logic, skill, and brute force to crush the enemy. Screenshot Total 42.8 MB Password=ganool.com Download From Tinypaste Related Posts: Angry Birds v1.6.2 cracked READ NFO-THETA Angry Birds Rio v1.4.2 Cracked GAME-ErES Angry Birds Rio v1.2.2 cracked READ NFO-THETA Angry Birds Space v1.0.0 GAME-CRD Angry Birds Seasons v2.3.0 Cracked GAME-ErES .:: Advertisements ::.
Post a Comment
Readmore

Boa

BoA (권보아; BoA Kwon adalah seorang penyanyi / penari dengan sedikit R & B tepi ke musik. Berasal dari Korea Selatan, BoA ditemukan pada usia 11 tahun sebagai bagian dari pencarian bakat nasional. Sementara mengamankan popularitas besar di Korea, ia juga berhasil sukses besar dalam industri musik Jepang. Pada tahun 2001, pada usia 13, ia melepaskan single perdana ID; Peace B ke pasar Jepang. Single debutnya mengejutkan menunjukkan bakat untuk orang yang begitu muda. Official Website: http://www.avexnet.or.jp/boa/index.html Official American Website: http://www.boaamerica.com/ Official MySpace: http://www.myspace.com/boamusicusa
Post a Comment
Readmore

Uverworld

UVERworld adalah J-Rock band di Gr8! Catatan di bawah label Sony. Suara umum UVERworld adalah campuran rock dan pop dengan sesekali selingan rap dilemparkan oleh Takuya .Nama mereka adalah nama mereka yang diciptakan sendiri (dengan menggabungkan 'über' dan 'atas') dan kepada mereka berarti 'Pindah silang dunia mereka sendiri'.
Post a Comment
Readmore