♫♪၀ါသနာတူMember ၀င္ထားၾကတဲ့ မိတ္ေဆြမ်ား♪♫

4/24/2014

32+ “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.
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



This is a simple way to create a horizontal navigation bar at the top of your Blogger page.this time I tried to give a mild solution of dish 32+ 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.Most hacks for this process involve inserting code in your blogger template.So, let's see how to install this cool widget in your blog..


  • 17+ Featured Content Slider for Blogger Using jQuery Tutorial
  • 0 comments:

    Post a Comment

    ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါတယ္. ♪♫#*♥winaung♥*#♫♪...၏

    ဆိုဒ္ေလးမွေႏြးေထြးစြာၾကိဳဆိုပါ၏..သည္ဆိုဒ္ေလးစတင္သည္ခုႏုစ္

    (03/october/2012)မွသည္ဆိုဒ္ေလးသည္နည္းပညာမ်ား

    ဆာ႕၀ဲလ္းမ်ားေလ႕လာရွာေဖြရင္းစတင္စုေဆာင္ထာသည္ဆိုဒ္ေလးၿဖစ္ပါသည္..

    ကၽြန္ေတာ္လိုခ်င္တဲ႕ခ်ိန္မွာရွာရတာလြယ္ကူေအာင္.သည္ေနရာေလးမွာစုထာခ်င္းၿဖစ္ပါသည္...

    မိတ္ေဆြမ်ားလဲလိုခ်င္တာမ်ားခြင္႕ေတာင္းစရာမလိုယူသြားႏိုင္ပါသည္ .....ရႊင္လန္းခ်မ္းေၿမ႕ပါေစ..

    မိမိဘေလာ့ကို submit မွန္မွန္ လုပ္ေပးျခင္းျဖင့္ မိမိဘေလာ့ ျမန္ဆန္မည္ရွင္းလင္းမည္ ေမာက္တင္ျပီး က်လာတဲ့ေဘာက္ထဲမွာ မိမိဘေလာ့လိပ္စာ ထည့္ကာ Submit ကလစ္လိုက္ပါ ဒါဆို ေနာက္ဇယားတစ္ခုမွ သင့္အီးေမးကို ထည့္ျပီးSubmit လုပ္လိုက္ပါ

    <<<အထူးဧည့္ သည္ေတာ္မ်ား>>> Flag Counter

    Share

    Twitter Delicious Facebook Digg Stumbleupon Favorites