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 adobe Photoshop android android apps animated gadget antivirus article writer articles author bangla song banglalink bengali ghost story bios password blog design blog template blogdesign blogspot bootable calendar chatting software clock code color comment box commenter computer converter CSS customize start menu data recovery design desktop fun desktop fun tool desktop toy download drive earn money easy online job easy way to earn editing email email subscription english error reporting excel facebook file management firefox flash free internet free software freelancing friend request fun gadget ghost story gmail google gp modem grameenphone hide hotlines html html/java idm installation instant article wizard java keyboard labels gadget language lock locker logo logo design menu bar microsoft minute workers mobile mobile browsers mobile site mobile software modem mouse effect notepad online earning online photo editor online tools opera paints password password recovery pdf pdf story pendrive phone number photo editor play store posts and comments counter power on premium software premium template protection ram recent post recover data regedit related posts ringtone robi run commend security shutdown social share software speedup story task bar tips tooltip effect tricks tutorial twitter typing master pro uc unique articles video virus visual basic web design website widget win 7 win xp windows write protection youtube
false
ltr
item
COMPUTER 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
http://2.bp.blogspot.com/-1K4SHtZwrto/UbBh5tM41qI/AAAAAAAAALU/IzpEyvC_9w0/s320/drop+down+hover+menu.jpg
http://2.bp.blogspot.com/-1K4SHtZwrto/UbBh5tM41qI/AAAAAAAAALU/IzpEyvC_9w0/s72-c/drop+down+hover+menu.jpg
COMPUTER TIPS WORLD BD | BLOG DESIGN | GADGETS | HTML
http://tipsworldbd.blogspot.com/2013/06/add-drop-down-hover-effect-menu-bar-to.html
http://tipsworldbd.blogspot.com/
http://tipsworldbd.blogspot.com/
http://tipsworldbd.blogspot.com/2013/06/add-drop-down-hover-effect-menu-bar-to.html
true
7792348032898020469
UTF-8
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