Apa itu menu Horizontal ? Menu Horizontal adalah Menu(Link) Yang berbaris di bawah atau di atas header blog .gunanya adalah untuk membuat menu utama blog.untuk lebih jelasnya silakan liat link menu yang ada di blog saya ini yang ada tulisan Home, Bussines, Download KTSP SMP, Tukar Link, Pasang Iklan dan Daftar isil. biar lebih jelas silakan kamu liat contoh diatas.
Nah..dalam postingan kali ini akan memposting artikel tentang bagaimana Cara Membuat Menu Horizontal Alternatif. Cara buatnya pun mudah karena dalam postingan yang ini EFA mencoba membuat menunya secara alternatif .yaitu dengan cara menambah element di bawah header blog kita.Dan buat sobat yang ingin Membuat Menu Horizontal bisa mengikuti tutorial Membuat Menu Horizontal Alternatif Berikut ini.
Ikuti langkah-langkah berikut :
1.LOGIN ke Blogger
2.Klik "Tata Letak" lalu Klik "Edit HTML"
3.Cari kode]]></b:skin> Lalu copy kode berikut dan paste diatas kode yang tadi
Ikuti langkah-langkah berikut :
1.LOGIN ke Blogger
2.Klik "Tata Letak" lalu Klik "Edit HTML"
3.Cari kode]]></b:skin> Lalu copy kode berikut dan paste diatas kode yang tadi
#under_header{
margin:10px 0;
padding:1%;
width:98%;
}
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
<b:section class='header' id='header' maxwidget="1" showaddelement="no">
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
</div>
<div id="under_header">
<b:section class='header' id='underheader' preferred='yes'/>
</div>
6. Selanjutnya klik "Save Template" dan setelah tersimpan klik "Tata Letak" kemudain lihat hasilnya . ada
elemen baru dibawah header blog kamu.Atau kamu bisa Klik Tata Letak untuk melihat element baru
tersebut
7. Setelah element halaman yang di bawah header jadi.Silakan klik Tambah Gadget pada element baru
tersebut.lalu pilih HTML/javascript
8.Setelah itu Copy Kode berikut dan paste di didalamnya
<div id="menu">
|<a href="link" title="back to home">HOME</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '200px')" onmouseout="delayhidemenu()" title="pendidikan">Bussiness</a|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '200px')" onmouseout="delayhidemenu()">Download KTSP SMP</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '200px')" onmouseout="delayhidemenu()" title="ilmu blogg"> Tukar Link</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '200px')" onmouseout="delayhidemenu()" title="agar banyak teman">Pasang Iklan</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '200px')" onmouseout="delayhidemenu()" title="usaha kecil">Daftar Isi</a>|
</div>
|<a href="link" title="back to home">HOME</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '200px')" onmouseout="delayhidemenu()" title="pendidikan">Bussiness</a|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '200px')" onmouseout="delayhidemenu()">Download KTSP SMP</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '200px')" onmouseout="delayhidemenu()" title="ilmu blogg"> Tukar Link</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '200px')" onmouseout="delayhidemenu()" title="agar banyak teman">Pasang Iklan</a>|
<a href="Link" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '200px')" onmouseout="delayhidemenu()" title="usaha kecil">Daftar Isi</a>|
</div>
9.Selanjutnya ubah tulisan link yang berwarna merah.Degnan link-ling blog kamu dan udah Tulisan yang berwarna biru dengan Teks yang kamu inginkan .misalnya saja Home,Blogger atau yang lainya. Contohnya lihat pada menu diatas
0comments:
Post a Comment
Terimakasih Atas Komentar Anda dan EFA akan segera menuju Blog anda...