image1 image2 image3

WELCOME TO GETNETRIX|WE ARE PROFESSIONAL|WE LOVE TO DO CREATIVE THINGS|IGNORE THE BASICS, LEARN DIVINE

How to create a drop down menu for blogger?

Hey friends today we are posting about how to add drop down menu in blogger
To add drop down menu follow these simple instructions:
1.go to blogger.com
2.then click edit layout
3. click on add a gadget.
4.from basics selet add html/java
5.then copy and paste the code below:


 <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div style='clear:both;'/>

    </div>
<div style='clear:both;'/>

<div class='span-24'>
<div class='menu-secondary-container'>

<ul class='menus menu-secondary'>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>

<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>

<li><a href='#'>Featured</a></li>

<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>

<li><a href='#'>Uncategorized</a></li>
        
</ul>
</div>
</div>
<div style='clear:both;'/>
 
    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
 

5.now place the created gadget on top of your blog...
6. don't forgethe  to edit the code above.
7.replace'#' with your url('#' will redirect to your home page)
8.change the corresponding names with your names


DONT FORGET TO POST YOUR COMMENTS AND SUGGESTIONS @getnetrix
Copyright © 2012 GETNETRIX

 

Share this:

CONVERSATION

0 Comments:

Post a Comment