7/18/2019 Sub Menu

1/3

Pertama, ubahsesuaikan setelan tab menu dan menu halaman yang akan ditampilkan,dimana caranya adalah seperti yang tampak pada gambar di bawah ini.

Sumber gambar: blogger.com

Keterangan:

1. Pilih Tab atas untuk menampilkan bilah menu di bawah header.

2. enu yang dibuat pada bagian tersebut !dalam tanda angka 2" hanya menu yang tidak memiliki sub menu di dalamnya.

#pabila setelan telah disesuaikan, maka selan$utnya klik menu Simpan setelan.

Kedua, buka editor template dengan cara mengeklik menu Template >EditHTML >Lanjutkan >Expand Template Widget.

Ketiga, cari kode ]]>dan kemudian sisipkan kode %SS berikut ini tepat diatasnya.

.tabs-inner.widgetliul{

z-index: 100;position: absolute;

left: -999em;height: auto;margin: 0; padding: 0;

border: 1px solid #999999;

}

.tabs-inner.widgetliul .tabs-inner.widgetliula

.tabs-inner.widgetliulli:first-!hild a {

-moz-border-radius: 0px;-web"it-border-radius: 0px;

-goog-ms-border-radius: 0px;border-radius: 0px;

}

.tabs-inner.widgetli:hoer ul .tabs-inner.widgetli.sfhoerul{

left: auto;

}

.tabs-inner.widgetlilia:hoer .tabs-inner.widgetlilia:a!tie {

!olor: #ffffff;ba!"ground: rgb$%1 10& 1%'(;

}

.tabs-inner.widgetliula {

displa): blo!";padding-left: 1.&%em;padding-right: 1.&%em;

7/18/2019 Sub Menu

2/3

margin-left: 0px;margin-right: 0px;border: none;

!olor: #000000;ba!"ground: rgb$&*' &** &*+(;

}

.tabs-inner.widgetliul .tabs-inner.widgetliula {

width: &&0px;

}

Keterangan:

#nda dapat mengubah warna garis, teks, background, dan lebar menu dengan menyesuaikan beberapa kode berikut ini:

&ode border: 1p' solid ())))))*digunakan untuk mengatur setelan garis, color: (++++++* background: rgb!2-, 2, 2"*digunakan untukmengatur warna de/ault teks dan beckground, color: (//////* background: rgb!01, 1+2, 10-"*digunakan untuk mengatur warna teks danbackground ketika disorot, dan width: 22+p'*digunakan untuk mengatur lebar sub menu.

Keempat, cari kode

7/18/2019 Sub Menu

3/3

Sumber: http:66eltelu.blogspot.com62+126+76cara8menambahkan8sub8menu8pull8

down.html(i'992oy7k3S4

http://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2Hoy8kRSLhttp://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2Hoy8kRSLhttp://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2Hoy8kRSLhttp://eltelu.blogspot.com/2012/08/cara-menambahkan-sub-menu-pull-down.html#ixzz2Hoy8kRSL