Membuat Menu Horizontal

10 Menu Horizontal Keren. Membuat menu horizontal untuk link pilihan pada blog anda, misalnya link menuju Home atau kategory kategory tertentu. Bagaimana caranya? nah seperti yang saya posting sebelumya, yaitu cara membuat menu horizontal di atas header. Membuat menu horizontal ini sama dengan cara sebelumnya. Berikut ini cara memasang menu horizontal keren ini.

Cara membuat menu horizontal

  • Login ke blog anda > Design > Edit HTML ( tidak perlu centang Expand Widget templates )
  • Cari Kode ]]></b:skin>  ( Gunakan CTRL + F untuk mempermudah pencarian )
  • Copy Css dari menu yang anda pilih di bawah ini dan paste tepat diatas kode ]]></b:skin>
  • Langkah selanjutnya cari kode <div id='header'> atau <div id='header-wrapper'>
  • Jika sudah ditemukan, Copy kode menu yang anda pilih dan paste tepat di atas kode <div id='header'> atau <div id='header-wrapper'>

Menu Horizontal 1

Css

Kode


Menu Horizontal 2

Menu Horizontal Keren
CSS

Kode


Menu Horizontal 3

Menu Horizontal Keren
CSS

Kode


Menu Horizontal 4

Menu Horizontal Keren
CSS

Kode


Menu Horizontal 5

Menu Horizontal Keren
CSS

Kode


Menu Horizontal 6

Menu Horizontal Keren
CSS

Kode


Menu Horizontal 7

Menu Horizontal Keren
CSS

Kode


Menu Horizontal 8

Menu Horizontal Keren
CSS

Kode


Menu Horizontal 9

Menu Horizontal Keren
CSS

Kode


Menu Horizontal 10

Menu Horizontal Keren
CSS

Kode


Catatan:
<li><a href="#" ><span>Link 1</span></a></li>
<li><a href="#" ><span>Link 2</span></a></li>
<li><a href="#" ><span>Link 3</span></a></li>
<li><a href="#" ><span>Link 4</span></a></li>
<li><a href="#" ><span>Link 4</span></a></li>
<li><a href="#" ><span>Link 6</span></a></li>
<li><a href="#" ><span>Link 7</span></a></li>
Tanda pagar (#) silahkan ganti sesuai link yang anda inginkan, dan untuk yang saya warnai biru adalah text menu dari link yang anda buat. contoh : <li><a href="http://harbudimanggalaputra.blogspot.com" ><span>Harbudi Manggala Putra</span></a></li>
10 Menu horizontal keren di atas terinspirasi dari mbt. Buat yang sudah sukses membuat menu tersebut jangan lupar komentar yah, kalau bingung tanyakan saja pada komentar. Mudah mudahan artikel ini bermanfaat untuk anda semua.

Bookmark and Share



Artikel Terkait :)

0 komentar:

Posting Komentar

 




Pengikut

Harbudi Manggala Putra MengucapkanTerima Kasih Atas Kunjungan Anda Di Blog Saya . Maaf Saya Hanya Manusia Biasa Yang Berusaha Untuk Menjadi Yang Terbaik