Blogger blog me drop down menu Kaise Add Kare

Hii dosto ,aj ke topic me bataunga aapko html,css ke jariye kaise dropodown menu,sub menu add karte hai usike bareme bataye jayega ,jab koi naya blogger hota hai ya old blogger hota hai firbhi use html ,css languages ke bareme full jankari nahi hoti hai .mager mai aisa nahi keh raha hu ki mai bahut intligent hu maine bhi bahut se blogger ki help maagi hai tab jaker her koi kamyabi hasil karta hi hai.to ajke topic me aapko sikhaya jayega ki kaise blogger blog me drop down menu,sub menu add karejisse aapke blog ka look bvest or behtar dikhe jisako dekhe blogger aapke blog ke or attraction ho or aapka blog me traffic bad jaye.

Blog me drop down menu kyu lagana chaiye.


Jab aap naya blog banate hai to aapko pata nahi hota hai ki blog me kaise menu add karte hai or hume html ,css ke bareme to kuch bhi pata nahi hota hai kyuki jab maine naya blog banaya tha to muje in lanagauges ke bareme kuch pata nahi tha mager ab mai bhi in languages ke bareme aapko gauidence kar raha hu 

Menu add karneka kya fayda hai”


Ha dosto aapke mann me ye sawal to jaroor hi ut raha hoga ki menu add karne se kya fayda hoat hai to dosto jab koi visters hamare blog per ata hai to sabse pahle hamare header ke design ko dekhta hai or uske baad ager design badiya nahi hai to dusri site per chala jata hai jisake vahjah se hum blogging me 40 %fail jate hai .to dosto blog me menu lagan eke bahut se fayde hai jab koi visitors aapke bareme janna chahega to contact us, about us, page ko visit karega or aapke bareme puri details jankari parapt ho jayegi.


Jab hum koi new post karte hai to visitors ko bhi asani hoti hai or menu ke jariye visters aapke purani post bhi dekh sakte hai or menu ki design dekhker vaster/audience 50% attractive hoti hai or hamare blog ki traffic bad jati hai kuch aisa karo jisse aap famous ki sidi paar kar sake visiter ko kuch naya sikhane ki koshish kare or keyword ka use kare ki visiter google me kya search karti hai or kin article ki jaroorat hoti hai so aapko agge batayege abhi to sirf menu add kaise kare isake bareme hi janege.so chaliye jada baate na karte huye aage badte hai .



Bataye Gye Step Ko Sahi Tarike Se Fllow kare


Create Drop Down menu 

1 Go-to Bloger_Dashboard_Layot
             Add-a_Gedged                      
                                javascript_html

Step 1 sabse pahle Bloger pe jaye
          2 dashboard pe jaye
          3 layout pe 
          4 Add-a_gedget 
          5 jawa script_html 

Step 2 niche diye gye code ko copy        
           copy kar ke waha pe pest karen


<div id='mbtnavbar'>
      <ul id='mbtnav'>
<li>
<a href=' # '>Home </a>
</li>
<li>
<a href=' # '>About </a>
</li>
<li>
<a href=' # '>Contact</a>
</li>
<li>
<a href=' # '>Sitemap </a>
<ul>
                <li><a href=' # '>Sub Page #1 </a></li>
                <li><a href=' # '>Sub Page #2 </a></li>
                <li><a href=' # '>Sub Page #3 </a></li>
</ul>
</li>
</ul>
</div>

Step 3 code paste karne ke baad 
      <a href=' # '>Home </a>
       has ke jagah apne lebel ka url 
       daley

      
Step 4 Dashboard Tamplate         
            Edit_tamplate
            Ctrl+f press kre ek search
             Box khulega usme  
             ]] ></b:skin> Search kare

Step 5 Note Edit karne se pahle       
          Tamplate ko download kar le
            ]] ></b:skin> ke uper nichey          
             diye gye  code paste kare   
             uske bad save     
              Tamplate pe ok kar de

/*----- MBT Drop Down Menu ----*/
#mbtnavbar {
background:
#060505 ;
width: 960px;
color: #FFF;
margin: 0px;
padding: 0;
position: relative;
border-top:0px solid #960100;
height:35px;
}
#mbtnav {
margin: 0;
padding: 0;
}
#mbtnav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#mbtnav li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #333 ;
border-right:1px solid #333 ;
height:35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color: #FFF;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}
#mbtnav li a:hover, #mbtnav li a:active {
background:
#BF0100 ;
color: #FFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;
}
#mbtnav li {
float: left;
padding: 0;
}
#mbtnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}
#mbtnav li ul a {
width: 140px;
}
#mbtnav li ul ul {
margin: -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left: -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left: auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position: static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background:
#BF0100 ;
width: 120px;
color: #FFF;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px dotted #333;
}
#mbtnav li li a:hover, #mbtnavli li a:active {
background:
#060505 ;
color: #FFF;
display: block; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}


Agar Aap Chahtey Hai iska color change ho to aap color change bhi kar sakte hain

Agar Aapko Kahi per dikkag aati hain to hume comment kare