. HOME . ABOUT . STUFF . FRIEND . RULES . 

Navigation Simple With Hover (Desinger)

Heyya! Share Tutor! Read More yuk!




TITLE . TITLE . TITLE . TITLE


Oke itu Navigationnya! 
Langsung aja ya?

  •  Dashboard > Design > Edit HTML > CTRL + F this code :
/* Header
----------------------------------------------- */

  •  Setelah itu paste kode dibawah ini tepat Diatas kode ini


a.menu {
display:inline-block;
text-align:center;
width: 55px;
color: #ffffff;
background:#969696;
padding:4px;
margin:2px;
-webkit-transition-duration:.3s;
}
a.menu:hover {
display:inline-block;
text-align:center;
width: 55px;
color: #000000;
background:#cac9c9;
padding:4px;
margin:2px;
-webkit-transition-duration:.3s;
}
a.manu {
display:inline-block;
text-align:center;
width: 55px;
color: #ffffff;
background:# cac9c9 ;
padding:4px;
margin:2px;
-webkit-transition-duration:.3s;
}
a.manu:hover {
display:inline-block;
text-align:center;
width: 55px;
color: #000000;
background:#cac9c9;
padding:4px;
margin:2px;
-webkit-transition-duration:.3s;
}
Catatatan :
Kalian edit sendiri ya!

  • Jika sudah save
  • Lalu Dashboard >  Tata Letak> Add A gadget> HTML/Java script
Copy code ini.. paste di HTML Java script tadi

<center><a class="menu" href="LINK HERE">TITLE</a> . <a class="manu" href="LINK HERE">TITLE</a> . <a class="menu" href="LINK HERE">TITLE</a> . <a class="manu" href="LINK HERE">TITLE</a>

Save!


Gimana? Bagus? 

Credit :Here

Tidak ada komentar:

Posting Komentar

Jika Belum paham , Jangan malu untuk bertanya^^