cara membuat menu bar di blog

Tidak ada komentar 103 views
unmetered
unlimited

Sobat yang tertarik pasang menu accordion di blog, silahkan ikuti tutorial nya sebagai berikut.

1. Login ke akun blog sobat.
2. Klik rancangan –> Edit HTML
3. Kemudian letakkan kode berikut di atas kodeĀ ]]></b:skin>

#acc{background:#666;font:13px trebuchet ms;
line-height:1.2em;padding:10px;margin:0;}
#acc h3{background:-moz-linear-gradient(top,#ccc,#999);padding:5px 10px;margin:0;color:#222;
text-shadow:0px 1px 1px #fff;
border-bottom:2px solid #444;}
#acc h3 a{color:#555}
#acc h3 a:hover{color:#000}
#acc .post{background:#fff;color:#000;padding:10px;margin:10px 0px;display:none;
border-bottom:2px solid #222;}
#acc :target h3 + .post {display:block;height:150px;overflow:auto;}
#acc :target h3 a{color:#aa5500}


4. Klik save template dan kita akan menuju ke penambahan gadget.
5. Klik Rancangan –> Elemen laman–> Tambah gadget–> Pilih HTML/Javascript
6. Masukkan kode berikut ke dalam kotak yang di sediakan.

<div id=”acc”>
<div id=”isi1″>
<h3><a href=”#isi1″>Judul 1</a></h3>
<div class=”post”>

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id=”isi2″>
<h3><a href=”#isi2″>Judul 2</a></h3>
<div class=”post”>

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
<div id=”isi3″>
<h3><a href=”#isi3″>Judul 3</a></h3>
<div class=”post”>

Masukkan item anda disini,bisa berupa teks atau widget

</div>
</div>
</div>


7. Klik save dan lihat hasilnya..

unlimited
author
Tidak ada Respon

Tinggalkan pesan "cara membuat menu bar di blog"