KONTAK KAMI DI smansaprakarya@gmail.com atau taatprasetya2011@gmail.com

SMA Negeri 1 Magelang

Selasa, 04 Agustus 2015

Membuat menu di BLOGGER

. Selasa, 04 Agustus 2015

Untuk membuat menu di tata letak silahkan menggunakan langkah-langkah dibawah ini :

  1. Masuk di tata letak
  2. Insert Gadget
  3. Kemudian pilih HTML / Text dan masukkan script dibawah ini :

##########
<style>
.clear{clear:both}
.navigasi{position:relative;background:#fefefe;box-shadow:0 1px 4px #e0e0e0;-webkit-box-shadow:0 1px 4px #e0e0e0;-moz-box-shadow:0 1px 4px #e0e0e0;border:1px solid #e0e0e0}
.navigasi ul{margin:0;padding:0}
.navigasi ul li{float:left;list-style:none;position:relative}
.navigasi ul li a{display:block;color:#404040;text-decoration:none;padding:5px}
.navigasi ul li a:hover{background:#404040;color:#fefefe}
.navigasi ul li ul{position:absolute;display:none;width:150px;background:#fefefe;box-shadow:0 1px 4px #e0e0e0;-webkit-box-shadow:0 1px 4px #e0e0e0;-moz-box-shadow:0 1px 4px #e0e0e0;border:1px solid #e0e0e0;margin:0 auto}
.navigasi ul ul ul{display:none;position:absolute;right:-150px;top:0}
.navigasi ul li:hover > ul,.navigasi ul ul li:hover > ul{display:block}
.navigasi ul li.clear,.navigasi ul ul li{float:none}
</style>
<nav class="navigasi">
 <ul>
  <li><a href="#">Blog Guru</a></li>
  <li><a href="#">Home</a></li>
  <li><a href="#">Biodata</a></li>
 </ul> 
</nav>

########
Contoh hasilnya seperti berikut ini : http://ikimungcontoh.blogspot.com

Sumber : http://www.blog.idblogdesign.com/2013/03/membuat-drop-down-menu-pada-blogger.html
selamat mencoba

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 
prakaryasmansa is proudly powered by Blogger.com | Template by taatprasetya.web.id