Go Back   TechArena Community > Software > Software Development
Become a Member!
Forgot your username/password?
Tags Active Topics RSS Search Mark Forums Read

Sponsored Links



why this navigation bar program not working in blogspot?

Software Development


Reply
 
Thread Tools Search this Thread
  #1  
Old 09-11-2014
Member
 
Join Date: Feb 2011
Posts: 152
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?

Reply With Quote
  #2  
Old 10-11-2014
Member
 
Join Date: Dec 2007
Posts: 2,273
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 -->
Reply With Quote
  #3  
Old 10-11-2014
Member
 
Join Date: Feb 2011
Posts: 152
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
File Type: jpg Capture.JPG (17.4 KB, 2 views)
Reply With Quote
Reply

  TechArena Community > Software > Software Development


Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "why this navigation bar program not working in blogspot?"
Thread Thread Starter Forum Replies Last Post
Auto Navigation is not working in Nokia 500 Rathiea Portable Devices 3 08-12-2011 10:27 PM
Navigation button is not working in E71 Ande$rson Portable Devices 6 24-06-2011 09:43 PM
The Information about Google analytics and Blogspot Danger Dengue Technology & Internet 3 25-01-2011 06:45 PM
Analytics Vs. BlogSpot stats Maggie Q Technology & Internet 4 20-01-2011 10:05 PM
Blogspot Template Generator wasim Technology & Internet 3 28-07-2009 09:08 PM


All times are GMT +5.5. The time now is 01:18 PM.