Inside of the navigation there are some links, a search input and a top and bottom button that allows the user to navigate to the top or bottom of the page.
Let's start adding it...
1. Go To Blogger - Template - Edit HTML
....and select the "expand widget templated" box:
2. Search (using CTRL + F) for this piece of code:
</head>3. Just above/before the </head> tag, add this code:
<link rel="stylesheet" href="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]Fixed Fade Out Menu.css"/>4) Now search for this tag:
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/html/[helplogger.blogspot.com]jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
if(scrollTop != 0)
$('#nav').stop().animate({'opacity':'0.2'},400);
else
$('#nav').stop().animate({'opacity':'1'},400);
});
$('#nav').hover(
function (e) {
var scrollTop = $(window).scrollTop();
if(scrollTop != 0){
$('#nav').stop().animate({'opacity':'1'},400);
}
},
function (e) {
var scrollTop = $(window).scrollTop();
if(scrollTop != 0){
$('#nav').stop().animate({'opacity':'0.2'},400);
}
}
);
});
</script>
<body>If you can't find it, search for this one:
<body expr:class='"loading" + data:blog.mobileClass'>5) Just below/after this code, copy and paste the following code:
<div id="nav">Note: Replace URL address with the URL of your pages and Link 1, 2, 3, 4, 5, 6 with the name of the link that will appear in the menu.
<ul>
<li><a class="top" href="#top"><span></span></a></li>
<li><a class="bottom" href="#bottom"><span></span></a></li>
<li><a href='URL address'><span>Link 1</span></a></li>
<li><a href='URL address'><span>Link 2</span></a></li>
<li><a href='URL address'><span>Link 3</span></a></li>
<li><a href='URL address'><span>Link 4</span></a></li>
<li><a href='URL address'><span>Link 5</span></a></li>
<li><a href='URL address'><span>Link 6</span></a></li>
<li class="search">
<form method="get" action="/search">
<input name="q" type="text" placeholder="Search..."/><input type="submit" value="" class="searchbutton"/>
</form>
</li>
</ul>
</div>
<div id="top"></div>
<div class="desc"></div>
<div id="bottom"></div>
<div class="scroll"></div>
6) Now click on the Save Template button and you're done ;)
Credit goes to the original author. This widget was inspired by David Walsh’s top navigation bar.
Insurance structured settlement buyer Transfer Cord Blood Tourism or Travel Credit Software Treatment DUI ATTORNEY ORLANDO Blogging Making Money online Classes online making money CRIMINAL DEFENSE ATTORNEY PALM BEACH iPage STRUCTURED ANNUITY SETTLEMENT Attormey benchmark lending MOTORCYCLE ACCIDENT ATTORNEY LOS ANGLES Loans Mortgage How to donate a car in California · Mortgage Adviser · World Trade Center Footage Health Business Recovery Fastest VPS hosting Donate Lawyer Hosting Degree domains yahoo Claim Gas/Electricity Rehab Mesothelioma Law Firm Blogs Based On Donations Conference Call Trading mesothelioma attorneys california Car insurance quotes Colorado mesothelioma survival rates Business Loans And Donation Attomey mesothelioma suit Donate Car to Charity California Donate cars in ma Donate Car for Tax Credit ANNUITY SETTLEMENT · PaperPort Promotional Code Bluehost NUNAVUT CULTURE ACCIDENT AND INJURY ATTORNEY How much to sell domain name for DAYTON FREIGHT LINES structured settlement annuity companies structured settlements annuities STRUCTURE SETTLEMENTS mesothelioma claim small business administration sba Insurance Blogs
0 comentarios:
Publicar un comentario