Tuesday, May 1, 2012

Change The Blogger Navbar To Hover Effect / Peek A Boo Effect


In an earlier post i covered Removing the blogger navbar completely.This is quiet a popular post as many dont like the navbar, but it can be useful.The navbar has progressed over the years to include extra options such as bookmarking and of course has the quick links into your account.So how about a hover effect navbar ?.Basically the navbar will only appear when you place your cursor over the space were it sits.Take a look at the demo below and place your cursor over the area were the navbar should be.



Removing navbar and setting peek-a-boo effect are not against blogger T.O.S.We set navbar to hover effect in three easy steps.

Have Hover Effect Blogger Navbar



1.Select 'Design' then 'Edit Html' for your blog.

2.Find this piece of code in your blogs html :

]]></b:skin>

3.Add the code below just BEFORE ]]></b:skin>

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


Click save template and that's it check out your blog with its new hover navbar.

Just remove the code to set the navbar back to standard or to see how to remove it completely -Remove Blogger Navbar


0 comments

Post a Comment

All Labels

Android Android Tricks Apple Apple Tricks being Bentley beyond Black Blizzard Blogger Blogger Gadget Blogger Tricks Bluetooth brilliance Buffalo business Business camera Camera Canon Canons Carrier cellular Cellular Challenge Chicken Chrono Cisco Close Cloud collaboration com combined Comics coming Command Computer Tricks Concept Concepts Confirmed Connect Connector Continental Conundrum Coolpix Creed Dawnguard defeat details Diablo doesnt Double dramatic Droid durable E-Money EA4500 Edition energizing EOS1D Episode Essentials expansions Facebook Tricks Fantasy Featured features Ferrari figure Final first footage forget Fourth Freeform Freeman front Gadgets News Galaxy Game News gameplay games Gamesplanet GamesRadars GConnect Google Gordon Grand GreatCall Griffin GTechnology Guardians Guild Hacking Tricks HalfLife HDPATU3 HE400 Headphones HiFiMan Hitman holder horrifying Iconia IdeaPad Incredible ingame Innergie Inspiration Internet Tricks iPhone iSung itself Jelly Jitterbug Justice Kickstarter Killer killing launch launches leaked Lenovo Lexus lifted Limbo Limited Linksys loads Local MacBook Machines Make Money Marvel Mazda Micro Microsofts MiddleEarth might MiniStation Mission mobile Mobile Tricks Monster montage Mount MS Office News Nexus Nikon North October offers Online Optimus Other Other Tricks partially parts Payne phone phones physics planned player PlayStation PocketCell potential power Premium Professional Quantum Quarters Raider ready really Rechargeable recut register release released remixed Remote Resident resolution restrictions revealed review Robot roundup Router running sample Samsung Sauron season September sequel Series shows Shure silver Skyrims Smart smashing Sniper sniping Software Tricks Something Sonos Special sports SRH1440 stirs Studios stuff subway Summer Supertrailer Tablet Tacoma teased Technology Tegra Telltale Theres thickness things Thirds Thunderbolt today Toshiba Total Touring Toyota trailer trailers Tricks turning unlocked Unofficial Unveiled Valve Verizon video videos Virus Tricks Walking weeks Which Window Windows Windows 7 Windows 8 Windows Vista Windows XP winners Wireless zombie