mardi 29 mars 2016

35+ Drop Down Menu Widget in Blogger Horizontal Menus CSS & CSS3

Drop Down Menu Widget in Blogger

Drop down Navigation menu is an essential part of any blog or website. This is the awesome CSS dropdown navigation menu which is built with pure CSS, HTML, CSS3 and images Don’t uses JQUERY or JavaScript. This Beautiful drop down menu really great to see in a blog. It helps visitors to easily get the required content the whole blog. This new pure CSS3 drop down menu widget will make your blog outlook more professional. A dropdown widget is a good solution sidebar space saving problem slove and easy to install. So let’s get started add dropdown menu in blogger.



How To Add Drop Down Navigation Menu In Blogger

Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link. (In The Header Area)

Blogger Tips And Tricks|Latest Tips For Bloggers


Step 2. After click on Add a Gadget link A pop-up box will open now

with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.







Blogger Tips And Tricks|Latest Tips For Bloggers


Step 3. Select 'HTML/Javascript' and add the one of code given below.



Step 4. Now Click On Save 'JavaScript' You are done.



01-Light Opera Drop Down Menu :-


Light Opera Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










02-Animated Drop Down CSS3 :-


Animated Drop Down CSS3





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










03-Colored Tab Dropdown :-


Colored Tab Dropdown





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










04-Black Apple Drop Down Menu :-


Black Apple Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










05-Apple CSS3 :-


Apple CSS3





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










06-Red & Grey Rough Drop Down Menu :-


Red & Grey Rough Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










07-Apple Light Drop Down Menu :-


Apple Light Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










08-Silver Salmon Button Dropdown :-


Silver Salmon Button Dropdown





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










09-Orange CSS3 :-


Orange CSS3





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










010-Grey Impression Drop Down Menu :-


Grey Impression Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










011-Flat Horizontal Drop Down Menu :-


Flat Horizontal Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










012-Platinum Tabbed Dropdown Menu :-


Platinum Tabbed Dropdown Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










013-Blue Drop Down Menu :-


Blue Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










014-Rounded Slate Dropdown Menu :-


Rounded Slate Dropdown Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










015-Blue & Yellow Rough Drop Down Menu :-


Blue & Yellow Rough Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










016-Grey Red Drop Down Menu :-


Grey Red Drop Down Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










017-Simple Red :-


Simple Red





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










018-Simple Blue :-


Simple Blue





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










019-Blue Tabbed Menu :-


Blue Tabbed Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










020-Tabbed Chrome and Blue :-


Tabbed Chrome and Blue





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










021-Dark Orange Tabbed Menu :-


Dark Orange Tabbed Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










022-Grey Tabbed Menu :-


Grey Tabbed Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










023-Light Orange Tabbed Menu :-


Light Orange Tabbed Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










024-Purple Tabbed Menu :-


Purple Tabbed Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










025-Blue and Grey Sprite :-


Blue and Grey Sprite





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










026-Aqua Bubble Wrap :-


Aqua Bubble Wrap





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










027-Skinny Green :-


Skinny Green





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










028-Indented Horizontal Menu :-


Indented Horizontal Menu





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










029-Skinny Orange :-


Skinny Orange





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










030-Sky Blue :-


Sky Blue





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










031-Purple Bubble Wrap :-


Purple Bubble Wrap





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










032-Simple Grey Hover :-


Simple Grey Hover





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










033-Blue Bubble Wrap :-


Blue Bubble Wrap





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










034-Green Algea :-


Green Algea





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu










035-Red Bubble Wrap :-


Red Bubble Wrap





Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu














Many thanks to cssmenumaker and bdlab for making this code and I just tested and modified to work on blogger


Libellés : , , , , ,

0 commentaires:

Enregistrer un commentaire

Abonnement Publier les commentaires [Atom]

<< Accueil