How to Add CSS Drop Down Menu for Blogger

Step One:

Click here to go to PixoPoint

Step Two:

Select color for background, text, hover

Refer to HTML colors here

Step Three:
Copy the CSS code and go to Design, Edit HTML and paste the code just before the tag:

]]>


Step Four:


This erases the new Tabs found in Blogger that you will not need with the dropdown menu


Search for the tag /* Tabs and then delete everything inside the tag.

Step Five:

Go to Design, Add a Gadget and enter the HTML below:

<

span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 15px; line-height: 20px;">

 
• Link 1
 
• Link 2
     
       
  • Sub link
       
  • Sub link
       
  • Sub link
     
  
   
 
• Link 3
     
       
  • Sub link
       
  • Sub link
       
  • Sub link
       
  • Sub link
       
  • Sub link
     
  
   
 
• Link 4
     
       
  • Sub link
       
  • Sub link
       
  • Sub link
       
  • Sub link
     
  
   

Step Six:


In order to makes sure your hover menu shows up


Search for (use Ctrl +F) for "position:absolute;"


Add the following: "z-index:100;"