How to Add Neat CSS3 Dropdown Menu in Blogger

tmirror
How to Add Neat CSS3 Dropdown Menu in Blogger
Here's another simple yet amazing dropdown menu with pure CSS3 made by Andrew from script-tutorials.com with some slight modifications so that it can be easily adapted to our Blogger template. In the upper right side of this menu, we have the contact links and social media icons for Facebook, Twitter, Google Plus and RSS feed. Below these links, there is the drop-down navigation menu and on the left side, the search form. To achieve a better user interface and interaction, the CSS dropdown menu features sub categories that appear with a nice touch of CSS3 box-shadow , text-shadow and a cool transition once the parent link is activated by a hover selector. Demo Adding the CSS dropdown navigation menu in Blogger Step 1. Access your Blogger Dashboard and go to "Template", then click on the "Edit HTML" button Step 2. Next, click anywhere inside the code area and press the CTRL + F keys to open the search box. Type the tag below inside the search box and hit Enter to f…