.....

9 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






Thanks to My Blogger Trick

Free Backlinks for Blog and Website

Do you want to know Where to get free backlinks? This is a free, fast, and simple immediate automatic backlinks for optimizing your blog or web page on search engines result.Everyone knows how important backlinks are to getting a good rank.Here, we offer a backlink for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your backlink you can click the image link from your website or blog. And well... your website url done and will be displaying in first references.If any visitors click this banner from your website or blog, your url backlink will be creating automatically in this website.You can build backlink as many as you want, no limitation and restriction, but no spam ! Wish your website's ranking quickly on Top Google, Yahoo and Alexa!

Free Automatic Backlink for Blog and Website

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:- Copy this html code to your website >>
Free Backlinks blogger widgets



Optionally use this Widget installer to add this link to your blogger blog.

* Please note:- After you paste the code into the website, please click on the button to create backlinks to your website. - If you remove the code from your website where your backlink will be deleted automatically. - if you know any free backlink info, please submit here, Let's share the free backlink list to everyone.
submit here

9 Responses So Far:

shamim said...

Thanks

mia.lia's profile said...

nice tutorial=D

Iwrite4u said...

That was a wonderful post.Thanks for sharing

Montasser said...

Thank you my friend.

PRince of persia the two thrones game guide said...

VERY VERY THANKYOU!!!!!!my search is at end!!
So much Thankyou

ေနလင္းျဖိဳး(နည္းပညာ) said...

VERY VERY THANKYOU!!!!!!

Dede Monster said...

nice post , thankyou :)

Business: Networking said...

اغلفة فيس بوك رومانسية

Venkat Reddy said...

I have implemented this in my site:

www.wikiconsole.com

Thanks for sharing such a nice article.

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger