Wednesday, April 16, 2014

Add Css/Jquery fixed horizontal menu to blogger blog alphause

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