CARA MEMBUAT MENU LAMAN KEREN DI BLOG

Postingan kali ini saya akan membagikan tips cara membuat Menu atau laman sebuah blok unik dan menarik,
Pada menu ini sungguh luar biasa bagusnya jika anda membetrikan link" di setiap kotak menu.
langsung saja tidak usah bertele tele silahkan Copy java script di bawah ini

1. anda buka tata letak atau layout
2. pilih gadget java script
3 Copykan script di bawah ini.

<header>
    <div class='header-outer'>
      <div id='fixed'>
<div id='fixedinner'>
<div id='top-wrapper'>
<div id='topbar'>
<ul id='top'>
<li><a href='LINKKAMU'><span>Homepage</span>NAMA MENU</a></li>

<li><a class='arrow' href='#'><span>Menu 1</span>GEOGRAFI</a>
<ul>
<li><a href='Dediirawan66.blogspot.com'>Demografi</a></li>
<li class='hr'/>
<li><a href='#'>Geologi</a></li>
<li class='hr'/>
<li><a href='#'>Meteorologi</a></li>
<li class='hr'/>
<li><a href='#'>Klimatologi</a></li>
<li class='hr'/>
<li><a href='#'>Hidrologi</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 2</span>GEOGRAFI</a>
<ul>
<li><a href='#'>Penduduk</a></li>
<li class='hr'/>
<li><a href='#'>Tanah</a></li>
<li class='hr'/>
<li><a href='#'>Kelautan</a></li>
<li class='hr'/>
<li><a href='#'>SIG</a></li>
<li class='hr'/>
<li><a href='#'>CITRA</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 3</span>GEOGRAFI</a>
<ul>
<li><a href='#'>Kosmografi</a></li>
<li class='hr'/>
<li><a href='#'>Flora-Fauna</a></li>
<li class='hr'/>
<li><a href='#'>Kewilayahan</a></li>
<li class='hr'/>
<li><a href='#'>Lingkungan</a></li>
<li class='hr'/>
<li><a href='#'>Geoekonomi</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 4</span>PENDIDIKAN</a>
<ul>
<li><a href='#'>KHUSUS</a></li>
<li class='hr'/>
<li><a href='#'>UMUM</a></li>
<li class='hr'/>
<li><a href='#'>SOSIAL</a></li>
<li class='hr'/>
<li><a href='#'>POLITIK</a></li>
<li class='hr'/>
<li><a href='#'>CULTUR</a></li>
</ul>
</li>
 
<li><a class='arrow' href='http://dediirawan66.blogspot.com/2013/05/wisata-wisata-yang-ada-di-pacitan.html'><span>Menu 5</span>WISATA PACITAN</a>
<ul>
<li><a href='http://dediirawan66.blogspot.com/2013/05/pantai-klayar-surga-tersembunyi-di.html'>Klayar</a></li>
<li class='hr'/>
<li><a href='http://dediirawan66.blogspot.com/2013/05/pantai-teleng-ria-pacitan.html'>Teleng Ria</a></li>
<li class='hr'/>
<li><a href='http://dediirawan66.blogspot.com/2013/05/pesona-pantai-taman-dan-pantai-soge.html'>Taman Soge</a></li>
<li class='hr'/>
<li><a href='http://dediirawan66.blogspot.com/2013/05/pantai-kunir-pltu-puncak-sudimoro-ada.html'>PLTU</a></li>
<li class='hr'/>
<li><a href='http://dediirawan66.blogspot.com/2013/05/wisata-goa-gong-pacitan.html'>Goa Gong</a></li>
</ul>
</li>

<li><a class='arrow' href='#'><span>Menu 6</span>TUTORIAL</a>
<ul>
<li><a href='#'>SEO</a></li>
<li class='hr'/>
<li><a href='#'>Wordpress</a></li>
<li class='hr'/>
<li><a href='#'>Desain Grafis</a></li>
<li class='hr'/>
<li><a href='#'>Informatika</a></li>
<li class='hr'/>
<li><a href='#'>SIG</a></li>
</ul>
</li>
 
<li><a class='arrow' href='#'><span>Menu 7</span>PRODUK</a>
<ul>
<li><a href='http://dediirawan66.blogspot.com/2012/12/vcd-tutorial-corel-draw-12.html'>Corel Draw12</a></li>
<li class='hr'/>
<li><a href='http://dediirawan66.blogspot.com/2012/12/trik-photoshop.html'>Phothoshop</a></li>
<li class='hr'/>
  <li><a href='http://dediirawan66.blogspot.com/2012/12/vcd-buku-geografi-smp-sma.html'>BSE SMP/SMA</a></li>
<li class='hr'/>
<li><a href='http://dediirawan66.blogspot.com/2012/12/softwere-spss.html'>SPSS</a></li>
<li class='hr'/>
<li><a href='http://dediirawan66.blogspot.com/2013/01/vcd-sorfwere-dan-tutorial-arcview-33.html'>ARC VIEW</a></li>
</ul>
</li>
 
<li><a class='arrow' href='#'><span>Menu 8</span>INFO KAMPUS</a>
<ul>
<li><a href='#'>SIAKAD</a></li>
<li class='hr'/>
<li><a href='#'>Biaya kuliah</a></li>
<li class='hr'/>
<li><a href='#'>Fakultas</a></li>
<li class='hr'/>
<li><a href='#'>UKM</a></li>
<li class='hr'/>
<li><a href='#'>Fasilitas</a></li>
</ul>
</li>
 
<li><a class='arrow' href='#'><span>Menu 9</span>BISNIS</a>
<ul>
<li><a href='http://dediirawan66.blogspot.com/2012/12/mebel-suwarno.html'>MEBEL</a></li>
<li class='hr'/>
<li><a href='http://dediirawan66.blogspot.com/2012/12/jasa-membuat-blog.html'>BUAT BLOG</a></li>
<li class='hr'/>
<li><a href='#'>LES PRIVAT</a></li>
<li class='hr'/>
<li><a href='#'>EDIT VIDEO</a></li>
<li class='hr'/>
<li><a href='#'>PHOTHOGRAFI</a></li>
</ul>
</li>
</ul>

Silahkan Di Copy pull dan untuk yang saya beri warna MERAH Bisa anda ganti sesuai nama menu dan tanda # bisa anda ganti dengan URL blok saudara.

4. Klik save dan liharlah hasilnya.

Terima kasih atas kunjungannya semoga menjadikan berkah.. jika anda ingin berkah balik silahkan di coment atau menulis terima kasih di buku tamu.. kami sangat menghargai kunjungan anda, dan kami harap anda juga berkenan menghargai kami.. salam Blogger.. TERIMA KASIH

Share: