How To Make Menu Bar

Posted by Vin Cent On Monday, June 25, 2012 0 comments

Here The Step
  • Login
  • Edit HTML
  • Find this code *Use CTRL + F =>  showaddelement='no'
  • Change showaddelement='no' =>  showaddelement='yes'
  • Page Element > add gadget > HTML/Javascript
  • Copy and Paste the code 
Source Code
<a href=" http://www.centdesign.net/ " class="navigation">HOME</a>
<a href=" http://www.centdesign.net/ " class="navigation">CONTACT</a>
<a href=" http://www.centdesign.net/ " class="navigation">FOLLOWERS</a>
<a href=" http://www.centdesign.net/ " class="navigation">FACEBOOK</a>
<a href=" http://www.centdesign.net/ " class="navigation">TWITER</a>
<a href=" http://www.centdesign.net/ " class="navigation">DOWNLOAD</a>
<a href=" http://www.centdesign.net/ " class="navigation">OTHER</a>
<a href=" http://www.centdesign.net/ " class="navigation">CHATTING</a>

Make Menu Bar look good  


  • Edit HTML
  • Find this code *Use CTRL + F =>    </b:skin> 
  • Then Paste Code Below Before the Code </b:skin> 
Code 

a.navigation {
background: #313131;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #000000;
color: #ffffff;
text-decoration: none;
}

    *Don't Forget Change your URL 
    *Don't forget to put the gadget under the header 

    0 comments:

    Post a Comment