30+ “Horizontal” Navigation Menus For Blogger With CSS & HTML Codes


Before that I never post how to create a horizontal navigation menu tab . May exist between blogger friends who find difficulty in putting the CSS code in the template editing stages, for it to post this time I tried to give a mild solution of dish 30 horizontal menu tab instant ready-made gadgets just by adding a HTML / JavaScript and placed the code tab on the item, as well as emphasize the navigation tabs will be urgent functions on a template.

UPDATE:  I updated some of my posts, this post I update click this link........












How To Add These Navigation Menus To Blogger
To add your selected navigation menu to your blogger template follow these steps,
  1. Go To Blogger > Layout
  2. Click Add a Gadget or Add a Page element
  3. Choose HTML/JavaScript widget
  4. Simple Paste the Navigation Menu Code inside HTML/JavaScript widget
  5. Hit Save
  6. Drag HTML/JavaScript widget and drop it just under your Blog Header, as shown below,

    To change the links, Edit this part of the HTML in all codes below,

    <li><a href="#" ><span>Link 1</span></a></li>
    <li><a href="#" ><span>Link 2</span></a></li>
    <li><a href="#" ><span>Link 3</span></a></li>
    <li><a href="#" ><span>Link 4</span></a></li>
    <li><a href="#" ><span>Link 5</span></a></li>
    <li><a href="#" ><span>Link 6</span></a></li>
    <li><a href="#" ><span>Link 7</span></a></li>
    Replace the hash(#) sign with your Page Links /URL and replace Link1, Link2, Link3 etc with your Page Titles. If you wish to add or delete a tab then simply add or delete this line,

    <li><a href="#" ><span>Link n</span></a></li>

    Finally do not forget to save and save. See the results on his blog.

    Here's the code 30 horizontal tab navigation menu

    MBT Navigation Menu #1

    No Image Used
    Black-Orange


    MBT Navigation Menu #2

    No Image Used
    Purple-White-Navigation


    MBT Navigation Menu #3

    No Image Used
    Boxed 1


    MBT Navigation Menu #4

    No Image Used
    LIGHT-GREY


    MBT Navigation Menu #5

    Bulleted-top-Navigation



    Tabs Menu #6

    Tab Menu I


    Tabs Menu #7

    Tab Menu G



    Tabs Menu #8

    Tab Menu F
    CSS CODE:


    Tabs Menu #9

    No Image Used
    ZDnet Emulation



    Tabs Menu #10

    Tab Menu E



    Tabs Menu #11

    Tab Menu D



    Tabs Menu #12

    Tab Menu 12


    Tabs Menu #13

    Tab Menu 11


    Tabs Menu #14

    Tab Menu 10



    Tabs Menu #15

    Tab Menu 9



    Tabs Menu #16

    Tab Menu 6



    Tabs Menu #17

    Tab Menu 8



    Tabs Menu #18

    Tab Menu 7



    Tabs Menu #19

    Tab Menu K



    Tabs Menu #20

    Tab Menu 4


    Tabs Menu #21

    Tab Menu 3


    Tabs Menu #22

    Tab Menu 2


    Tabs Menu #23

    Square


    Tabs Menu #24

    No Image UsedHorizontal Buttons


    Tabs Menu #25

    Tab Menu H


    Tabs Menu #26

    Tab Menu 1



    Tabs Menu #27

    Tab Menu A



    Tabs Menu #28

    Tab Menu 5



    Tabs Menu #29

    Tab Menu B


    Tabs Menu #30

    Tab Menu J





NOW CLICK SAVE






Previous
Next Post »