How to Add Code and Make Twists in Blogger

.

qadabra banner

Wednesday, January 16, 2013

SIGN UP

http://www.ehow.com/add-to-a-blog/

 http://aliveprojects.com/static/apps/ContactMailer/gadget/ContactMailerV4.xml

How to add drop down menu

http://www.blogger-help.com/2009/11/how-to-add-drop-down-navigational.html

How to add a horizontal navigation bar or menu to Blogger?


How to add a horizontal navigation bar or menu to Blogger?





 Few Blogger blogs have a horizontal navigation bar

Here are two simple ways for setting up a Horizontal Navigation Bar:

 1 - You can add a Page to your Blog andv every page will be a Tab on a navigation bar under your header:
 Go to Dashboard and in the Pages menu at left Add a Page

 2 - Or you can do it manually if you have pages outside your blog:

Step 1  - Go to Dashboard then to Layout > Edit HTML.
            - find this: /* Header */ 

Step 2.- Add this code below /* Header */ 

#menu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

#menu li a{
color:#dfffed;
}

#menu li a:visited {
color: #57E964;
}

#menu li a:hover {
color: #F88017;
background: #ffff66;
}

You should edit this code after step 6,so that you could know how does it looks like.

(Edit margin values for placement,and various html color values below for respective colours.)

Step 3.- Find this:

b:section class='header' id='header' maxwidgets='1' showaddelement='no'

Step 4.- Change:

showaddelement='no' to showaddelement='yes'
maxwidgets='1' to maxwidgets='4'

Save template and go to Page Elements.

Step 5.- In the Header , Add Page Element > Add HTML .

Step 6.- Leave the title Blank and add the following code in text field :

<div id='menu'>
<ul>
<li><a href="Your URL">Home</a></li>
<li><a href="Your URL">Advertise</a></li>
<li><a href="Your URL">About Me</a></li>
<li><a href="mailto:YOUR EMAIL ADDRESS">Contact</a></li>
</ul></div>

Add your desired values in above code marked red. Save it.

Now you can edit the code in Step 2.