cara membuat tab menu di blog

Cara Memasang Menu Accordion di Blog, Menu Accordion - Cara Memasang, Membuat atau Membikin Menu Accordion di Blogspot ini adalah re-post dari posting lawas saya yang berjudul cara membuat menu accordion blogger yang nggak masuk ke hatinya om gugel. Karna itu diharapkan mudah - mudahan dengan Re-post ( posting ulang ) ini, artikel saya yang telah saya hapus tersebut bisa terindeks lagi meskipun dengan URL yang berbeda.

Menu Accordion adalah berupa susunan menu yang di susun secara vertikal, tentulah berbeda sekali dengan menu horisontal ( baca : cara mempercepat loading blog )yang biasa sobat jumpai, mungkin ini adalah salah satu solusi menyembunyikan widget yang terlalu banyak di halaman blog sobat.  Sobat yang tertarik pasang menu accordion di blogger, silahkan ikuti tutorial berikut.

1. Logi 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... Gimana cara membuat menu bar di blog, cara membuat menu di blog dengan mudah, cara membuat tab menu di blog, cara membuat sub menu di blog, cara membuat menu horizontal di blog, cara membuat menu navigasi di blog, cara membuat menu di blog wordpress, cara membuat, menu horizontal di blogspot?? sederhana dan mudah bukan??

11 komentar:

Unknown mengatakan...

terima kasih atas infonya min..

penyakit gagal ginjal
cara mengatasi mimisan
penyebab depresi
penyakit lupus
penyakit HIV dan AIDS

Unknown mengatakan...

artikelnya bagus dan menambah ilmu saya min...

penyakit gondok dan gondongan
bahaya penyakit herpes
penyakit gastritis
penyakit kaki gajah
penyakit kurap di kulit

Unknown mengatakan...

artikel tentang cara membuat tab menu di blog sangat menambah ilmu saya dan menarik min..

gejala penyakit rematik
penyebab penyakit asma
penyakit darah tinggi
penyebab penyakit hipotensi
bahaya penyakit bronkitis

Unknown mengatakan...

terima kasih infonya gan..

obat tradisional encok dan asam urat
cara menyembuhkan penyakit asam urat
penyebab penyakit asam urat
obat kaki bengkak karena asam urat
cara mengobati penyakit asa urat
pengertian asam urat

Unknown mengatakan...

good artikel..

obat tradisional encok dan asam urat
cara menyembuhkan penyakit asam urat
penyebab penyakit asam urat
obat kaki bengkak karena asam urat
cara mengobati penyakit asa urat
pengertian asam urat

Unknown mengatakan...

artikelnya bagus..

penyakit encok dan cara mengobatinya
obat asam urat paling ampuh
obat asam urat alami dari tumbuhan
obat asam urat bengkak
obat asam urat kaki bengkak
penyakit asam urat

Unknown mengatakan...

good artikell..

obat asam urat alami
obat asam urat bahan alami
obat asam urat bahan alami ampuh
penyebab asam urat
obat asam urat cepat sembuh
obat asam urat cara herbal

liadenature2 mengatakan...

ijin sharing gan..

penyakit encok dan cara mengobatinya
obat asam urat dan rematik
obat penyakit asam urat
obat sakit asam urat di apotik
obatnya penyakit asam urat
obat sakit asam urat dan rematik

liadenature2 mengatakan...

good artikell,,

obat sakit asam urat dan pantangannya
obat sakit asam urat dan kolesterol
obat penyakit asam urat alami
obat herbal asam urat
obat tradisional penyakit asam urat akut
obat mujarab penyakit asam urat akut

liadenature2 mengatakan...

artikelnya bagus gan..

obat kaki bengkak
pengobatan penyakit asam urat alami
obat sakit asam urat yang alami
obat sakit asam urat secara alami
obat herbal asam urat

liadenature2 mengatakan...

good artikel..

gejala asam urat
cara mengobati asam urat
akibat asam urat
pencegahan asam urat
obat buat asam urat
ramuan obat asam urat

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More