Kumpulan Drop Down Keren Dan Cara Membuatnya

|| || || 1 komentar

Tutorial | Ini dia drop down yang sobat sobat cari, Blogger Tutorial sudah koleksi banyak nih, bagi sobat yang templatenya belum ada drop downnya, bakal makin bagus bila di ksih salah satu drop down dari Blogger Tutorial ini. hehe :)

Cara membuat Drop down

  • 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'>
Preview 



Menu Horizontal 1

Css

Kode

Menu Horizontal 2

CSS

Kode

Menu Horizontal 3

CSS

Kode

Menu Horizontal 4

CSS

Kode

Menu Horizontal 5

CSS

Kode

Menu Horizontal 6

CSS

Kode

Menu Horizontal 7

CSS

Kode

Menu Horizontal 8

CSS

Kode

Menu Horizontal 9

CSS

Kode

Menu Horizontal 10

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://trickstipsblog.blogspot.com/" ><span>Blogger Tutorial</span></a></li>
Sekian dulu ya postingan Blogger Tutorial kali ini, kalau sobat mencoba Tutorial diatas, pasti tambah cakep tuh blog sobat, hehehe :)
/[ 1 komentar Untuk Artikel Kumpulan Drop Down Keren Dan Cara Membuatnya]\
ulfa rahmah said...

IMANTAP SAYA COBA DULU,,oh ya dah saya follow gan follback yak!!

Post a Comment