Results 1 to 3 of 3

Thread: why this navigation bar program not working in blogspot?

  1. #1
    Join Date
    Feb 2011
    Posts
    154

    why this navigation bar program not working in blogspot?

    why this navigation bar program not working in blogspot?
    program which i created look like this:
    HTML Code:
    <html>
    <head>
    <style>
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    
    
    li {
        float: left;
    }
    
    
    a:link, a:visited {
        display: block;
        width: 120px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #98bf21;
        text-align: center;
        padding: 4px;
        text-decoration: none;
        text-transform: uppercase;
    }
    
    
    a:hover, a:active {
        background-color: #7A991A;
    }
    </style>
    </head>
    <body>
    
    
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#news">News</a></li>
      <li><a href="#contact">Contact</a></li>
      <li><a href="#about">About</a></li>
    </ul>
    
    
    </body>
    </html>
    after adding this program through layout< add a gadget(below header)<html\javascript blog look like this:
    if i save the program into html, then it look this:

    but while adding same program into my blogspot, then look is changing,
    so how to insert this navigation bar to my blogspot?

  2. #2
    Join Date
    Dec 2007
    Posts
    2,291

    Re: why this navigation bar program not working in blogspot?

    You need to create a basic navigation bar like the below example:

    Code:
    <!-- start navmenu --> 
    <div id="navigationbar">
    <ul>
    <li><a title="home" href="LINK">Home</a></li> 
    <li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
    <li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
    <li><a title="TITLE" href="LINK">TOPIC</a></li>
    <li><a title="TITLE" href="LINK">TOPIC</a></li>
    </ul>
    </div>   
    <!-- end navmenu -->

  3. #3
    Join Date
    Feb 2011
    Posts
    154

    Re: why this navigation bar program not working in blogspot?

    it looking differently if i use your code:
    see the attachment.
    but i want like this:
    Attached Images Attached Images

Similar Threads

  1. Auto Navigation is not working in Nokia 500
    By Rathiea in forum Portable Devices
    Replies: 3
    Last Post: 08-12-2011, 10:27 PM
  2. Navigation button is not working in E71
    By Ande$rson in forum Portable Devices
    Replies: 6
    Last Post: 24-06-2011, 09:43 PM
  3. The Information about Google analytics and Blogspot
    By Danger Dengue in forum Technology & Internet
    Replies: 3
    Last Post: 25-01-2011, 06:45 PM
  4. Analytics Vs. BlogSpot stats
    By Maggie Q in forum Technology & Internet
    Replies: 4
    Last Post: 20-01-2011, 10:05 PM
  5. Blogspot Template Generator
    By wasim in forum Technology & Internet
    Replies: 3
    Last Post: 28-07-2009, 09:08 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,664,532,368.37298 seconds with 19 queries