Senin, 05 Maret 2012

10 Menu Horizontal Keren untuk Blogger

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://bamz.us/" ><span>BLog Bamz</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.

Agen Bola online Agen Bola online

Tidak ada komentar:

Posting Komentar

 

Tutorial Vicahya' - Just Sharing © 2012 | Template by Bamz Display Pagerank