Po ...
Add Css/Jquery fixed horizontal menu to blogger blog
10 comments
This navigation bar gets semi-transparent when you scroll down the page and is slightly showing up by fading out and becoming almost transparent. When the user hovers over it, the menu becomes opaque again.
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.
-> SEE DEMO <- ....and="" 1.="" 2.="" 3.="" above="" add="" addingit...="" before="" box:="" code:="" ctrl="" expand="" f="" for="" go="" href="%20http://helplogger.googlecode.com%20/svn/trunk/html/[%20helplogger.blogspot.com]Fixed%20Fade%20Out%20Menu.css" html="" just="" let="" link="" of="" piece="" rel="stylesheet" s="" search="" select="" start="" templated="" the="" thetag="" this="" toblogger-template-edit="" using="" widget="">
4) Now search for this tag:
If you can't find it, search for this one:
5) Just below/after this code, copy and paste the following code:
Note:ReplaceURL addresswith the URL of your pages andLink 1, 2, 3, 4, 5, 6with the name of the link that will appear in the menu.
6) Now click on theSave Templatebutton and you're done ;)
Creditgoes to the original author. This widget was inspired by David Walsh’stop navigation bar.
Like
1
Random Posts
A Beautiful jQuery Drop-Down Menu For Blogger Blogspot26/04/2012 - 24 Comments
Advanced Random posts widget for Blogger with image thumbnails and snippets07/02/2014 - 12 Comments
What is the difference between padding and margins?22/03/2014 - 0 Comments
Related Posts:
Add a Custom jQuery Lightbox To Blo...
Orbit - jQuery Image Slider Plugin ...
jQuery Sliding Panel with Expanding...
How to add a thumbnail image/photo ...
Using JQuery + EasyDrag to Move Ele...
10 comments:
navigation menu 3/06/2012
wow ..., great tutorial. Reply
Sana 6/03/2012
Is it code is working?
http://bit.ly/KXrI9u Reply
Waqas Ibrahim 8/07/2012
working :) and awesome bar... :D Reply
SIFE DAV 9/20/2012
This is such a nice bar. But I have a problem with "bottom button". Everytime I click it, I go to the top!
Can u plz help me fix this, helpblogger?
Here on http://www.sife-dav.org Reply
SIFE DAV 9/21/2012
I can't use search input also :( Reply
V.RAGU NATHA SETHU PATHI 2/19/2013
What Change Reply
Taimoor 3/09/2013
its amazing! thank you bro! and welcome back :) Reply
Goodluckhero Christopher 6/16/2013
how to make post tag searchable?
Reply
mihaela diaconescu 8/30/2013
Same problem with the search box. Reply
Kristen Van Drie 2/14/2014
Hi I was just wondering if there is a way to change the font? Thank you so much! Reply
Add comment
Comment as: Sign out
Notify mePublishPreview
Privacy Policy| Disclaimer| Terms of Service| Sitemap Back to Top DMCA PROTECTED
Search
Search
Follow on Facebook
Helplogger
Like
2,786 people like Helplogger .
Facebook social plugin
Follow on Blogger
Subscribe via Email
Receive Quality Tutorials Straight in your
Inbox by submitting your Email below.
Submit
Or subscribe via RSS Feed
Recent Posts
How to Add Numbered Page Navigation Widget for Blogger
5 Easy Ways to Improve the SEO of a blog & Boost Traffic
What is the difference between padding and margins?
Add a Custom jQuery Lightbox To Blogger
How to Use Cookies in Javascript
Recent Comments
She and Me
Thank you so much,It worked perfectly. You make it all so easy to...
Junkyo No Hikari
Thanks its work really well ^__^
Junkyo No Hikari
Hye... Thanks to your tuto its work ^__^ btw I'm delete the...
Eliza Lincy
How to increase the number of posts shown in Home page after...
Varad Parab
That was one awsome post...it really helped!!!
Popular Posts
Simple Recent Posts Widget for Blogger/Blogspot
Create A Rollover Image Effect (change image on mouseover)
Recent Comments Widget For Blogger
How to remove Blogger Picture/Image Shadow and Border
Hide/Show Widgets /Gadgets in Home/post /static/archive pages in Blogger
1
Like->
No comments:
Post a Comment