Cara Membuat Menu Horizontal di blog


Cara Membuat Menu Horizontal

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.

Nah..dalam postingan kali ini saya akan memposting artikel tentang bagaimana Cara Membuat Menu Horizontal Alternatif nich...Cara buatnya pun mudah karena dalam postingan yang ini saya mencoba membuat menunya secara alternatif .yaitu dengan cara menambah element di bawah header blog kita.Dan buat kamu yang ingin Membuat Menu Horizontal bisa mengikuti tutorial Cara Membuat Menu Horizontal Alternatif Berikut ini.

Simak baik-baik.
Ikuti langkah-langkah berikut :

1.LOGIN ke Blogger

2.Klik "Tata Letak" lalu Klik "Edit HTML"

3.Cari kode ]]></b:skin> Lalu copy kode di bawah berikut dan paste diatas kode ]]></b:skin>

#under_header{
margin:10px 0;
padding:1%;
width:98%;
}

4.Selanjutnya cari kode yang mirip dengan kode yang kaya dibawah ini.

<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>

5.Kemudian copy dan paste kode berikut persis dibawah kode yang diatas .

<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 .Atau hasilnya adalah seperti gambar di bawah ini.



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 dalamnya.

<div id="menu">


|<a href="http://punagah.blogspot.com/" title="PuNaGah">Home</a>|

<a href="http://punagah.blogspot.com/search/label/blog" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '200px')" onmouseout="delayhidemenu()" title="tutorial blogger">trik blogger</a|

<a href="http://putugagah.blogspot.com/" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '200px')" onmouseout="delayhidemenu()">blog lain</a>|

<a href="http://punagah.blogspot.com/search/label/lain-lain" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '200px')" onmouseout="delayhidemenu()" title="apa ajalah">artikel lain</a>|

<a href="http://punagah.blogspot.com/search/label/komputer" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu4, '200px')" onmouseout="delayhidemenu()" title="label komputer">arsip komputer</a>|

</div>

9.Selanjutnya ubah tulisan link yang berwarna orange.Dengan link-link blog kamu dan  Tulisan yang berwarna biru ganti dengan Teks yang kamu inginkan .misalnya saja Home, blog,  atau yang lainya.

Selesai.. agak banyak ya kodenya??
Tapi kalau kamu menyimak dengan baik-baik, pasti gak bingung..

Itulah tadi artikel tentang Cara Membuat Menu Horizontal di blog
Semoga berhasil..
Salam PuNaGah


Tag: Cara Mematikan Klik Kanan Pada Blog, trik melindungi artikel,
        Cara mengatasi Copy+Paste, atasi COPAS, trik blogger, komputer,
        Tapis, internet, photoshop, Punagah, putugagah, Putu Nak Gagah, lain-lain, memasang efek daun berjatuhan di blog, Cara Membuat Judul Blog Bergerak, Cara Membuat Menu Horizontal Alternatif, Cara mendatangkan trafik pengunjung blog dari Lintas berita, Cara Pasang Fasilitas Chat Di Blog, CARA PASANG GOOGLE TALK DI BLOG, Menggunakan keyword untuk memperindeks blog di google, Rahasia Supaya Artikel Cepat Di Indeks oleh Yahoo, Tips menampilkan judul postingan saja, Cara Memasang Chat Box Facebook  di Blog, cara memasang user Online status, Cara Mematikan Klik Kanan Pada Blog, Sejarah Menara Eiffel, definition text procedure, meningkatkan keamanan komputer, selayang pandang jaringan komputer, syarat berdirinya suatu negara, mengomentari pendapat narasumber dalam dialog interaktif, Mengkritik dan memuji berbagai karya, Keamanan data pada jaringan, dll.

Baca Juga Artikel Dibawah Ini!



1 komentar:

  1. Kawan saya numpang duduk ya diblog mu :D

    lagi cari inspirasi buat nulis artikel..

    izin baca-baca yak oke..

    Jangan Lupa Mampir ke Blog Sederhana saya..

    Salam Blogwalking.. :D

    BalasHapus

Silahkan Berkomentar. Dilarang Live Link. Tidak Memakai Verifikasi Kata. Berkomentarlah Dengan Sopan!.

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger