Add drop down hover effect menu bar to blog

Visitors like to using your menu bar. There are many kinds of menu bar to decorate your blog. But I am writing for drop down menu bar with hover effect

One of the essential elements of web site designing, blog designing is Menu bar. Without menu bar design can not be complete. Visitors also like to go to your other page by using your menu bar. There are many kinds of menu bar to decorate your blog. But I am writing for drop down menu bar with hover effect. That will look like this.
add drop down hover menu bar

Live DEMO


To create drop down menu you have to customize your blog templates. Edit Templates and find out ]]></b:skin>. If you already get this code then placed the bellow codes just before ]]></b:skin>.


Customizations:


        i. Replace another code with #060505 to change background color

       ii. Replace another code with #FFF to change font color

       iii. Replace another size with 12px to change font size.

       iv. Replace another color code with #BF0100 to change Mouse over color on Tab

       v. Replace another color code with #BF0100 to change the color of Drop Down menu.

       vi. Replace another color code with #060505 to change the drop down menu color on mouse hover.


Save the templates. Go to Layout Tab and Add a HTML/JavaScript Gadget after header. Now Copy Paste the following code to HTML/JavaScript’s box and save it.

CLICK THIS BUTTON TO VIEW CODE


Read: 

 Learn how to add jQuery tooltip to blogspot

Customizations:


         i. Replace your URL with #.

         ii. Change your tab name.

COMMENTS

BLOGGER: 3
Loading...
Name

add-ons,2,adobe Photoshop,1,advance excel,2,airtle,1,android,2,animated gadget,2,article writer,1,articles,1,author,1,bangla song,1,banglalink,2,bengali ghost story,2,blog design,8,blog template,2,blogdesign,14,blogspot,13,bootable,1,calendar,1,chatting software,1,code,2,color,1,comment box,2,commenter,1,computer,10,converter,1,CSS,2,customize start menu,1,data recovery,1,design,1,desktop fun,1,desktop fun tool,1,desktop toy,2,download,3,drive,1,earn money,5,easy online job,2,easy way to earn,1,editing,1,email,1,email subscription,2,english,3,error reporting,1,excel,3,facebook,3,file management,1,firefox,1,flash,1,free calling,1,free internet,1,free software,3,freelancing,2,friend request,1,fun,3,gadget,6,ghost story,2,gift,1,gmail,1,google,2,gp modem,1,grameenphone,2,hide,1,html,4,html/java,4,if function,1,installation,1,instant article wizard,1,java,3,keyboard,1,labels gadget,1,language,1,locker,1,logo,1,logo design,1,menu bar,1,microsoft,2,minute workers,1,mobile,2,mobile browsers,1,mobile site,1,mobile software,2,modem,2,mouse effect,1,notepad,1,online earning,2,online photo editor,1,online tools,1,opera,1,paints,1,password,1,password recovery,2,pdf,1,pdf story,1,pendrive,4,photo editor,2,posts and comments counter,1,power on,1,premium software,3,premium template,1,protection,1,ptc,1,ram,1,recent post,1,recipetips,3,recover data,1,regedit,4,related posts,3,ringtone,1,robi,2,run commend,2,security,1,shutdown,1,social share,5,software,6,speedup,2,story,1,task bar,1,tips,5,tooltip effect,1,tricks,22,tutorial,4,twitter,1,uc,1,unique articles,1,video,1,visual basic,1,web design,6,website,1,weight lose,1,widget,5,win 7,3,win xp,3,windows,4,write protection,1,youtube,1,বাংলা রেসিপি,3,
ltr
item
TIPS WORLD BD | বাংলা টিপস | BLOG DESIGN | GADGETS | HTML: Add drop down hover effect menu bar to blog
Add drop down hover effect menu bar to blog
Visitors like to using your menu bar. There are many kinds of menu bar to decorate your blog. But I am writing for drop down menu bar with hover effect
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglixB5zvGMcsX4izeZcLcAr-YTa3aSynPiavgd4psQWumKUaeS6rHwoTVuZbTZboNiZBhjyRlichCPZVqtgaRvGGrq2Gsfb5T2G8YIck4CZCtnl-1NqzEvviaqVXqQ0kCQRk-eB6AObScX/s320/drop+down+hover+menu.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglixB5zvGMcsX4izeZcLcAr-YTa3aSynPiavgd4psQWumKUaeS6rHwoTVuZbTZboNiZBhjyRlichCPZVqtgaRvGGrq2Gsfb5T2G8YIck4CZCtnl-1NqzEvviaqVXqQ0kCQRk-eB6AObScX/s72-c/drop+down+hover+menu.jpg
TIPS WORLD BD | বাংলা টিপস | BLOG DESIGN | GADGETS | HTML
https://tipsworldbd.blogspot.com/2013/06/add-drop-down-hover-effect-menu-bar-to.html
https://tipsworldbd.blogspot.com/
https://tipsworldbd.blogspot.com/
https://tipsworldbd.blogspot.com/2013/06/add-drop-down-hover-effect-menu-bar-to.html
true
7792348032898020469
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy