How i setup menu baar in blogger blog

Dosto apko pta hain ki blogger blog me menu baar kaise lagaya jata hain

Aaj hum isi topic par baat karege, mein jo niche code diye hain is ko follow karke Apne blogger blog mein menu baar set kar sakte hain

<div id='absnavbar'>
<ul id='absnav'><li> <a href='#'>home</a> </li> 
<li> <a href='#'>blog</a></li>       
<li> <a href='#'>About</a> </li> 
<li> <a href='#'>Contact</a> 
<ul> <li><a href='#'>Contact 1</a></li> 
<li><a href='#'>Contact 2</a></li> 
<li><a href='#'>Contact 3</a></li>
</ul> 
</li> 
</ul>   
</div> 

1. सबसे पहले आपको इस कोड को कापी करना है। और अपने ब्लोग Ke Dasbord मे जाकर Layout जाकर Add Gedgat पर क्लिक करे 

वैसे तो आप इसको जहाँ दिखाना चाहते है। वहा Add Gedgat par click karke HTML JAVASCRIPIT KA OPTION Khulega 

Usme Cantent ka Box hoga waha par paste kar de.

2.OR Fir SAVE kar de.

3. Fir apko Teamplate ke option par jana hain, Teamplate par OK karna .

4. Fir Custom ka Optn hain us par click kare.

5. Ab Advance ka Optn hain us par click kar Fir Add css hoga.

6. Agar isme pahale se koi code hain uske last mein Enter markar 

7. Ye jo code niche diya hain isko copy karle

/*-----Drop Down Menu for Blogger by allblogtip.blogspot.com----*/
#absnavbar {     background: #333333;     width: 960px;     color: #ffffff;         margin: 0px;         padding: 0px;         position: relative;         border-top:0px solid #323232;         height:38px;}
#absnav {     margin: 0px;     padding: 0px; } #absnav ul {     float: left;     list-style: none;     margin: 0px;     padding: 0px; } #absnav li {     list-style: none;     margin: 0px;     padding: 0px;         border-left:1px solid #333;         border-right:1px solid #333;         height:38px; } #absnav li a, #absnav li a:link, #absnav li a:visited {     color: #eeeeee;     display: block;    font:normal 14px Helvetica, sans-serif;    margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none;         } #absnav li a:hover, #absnav li a:active {     background: #ff0100;     color: #ffffff;     display: block;     text-decoration: none;         margin: 0px;     padding: 10px 13px 11px 13px;                     }#absnav li {     float: left;     padding: 0px; } #absnav li ul {     z-index: 9999;     position: absolute;     left: -998em;     height: auto;     width: 160px;     margin: 0px;     padding: 0px; } #absnav li ul a {     width: 142px; } #absnav li ul ul {     margin: -25px 0 0 161px; } #absnav li:hover ul ul, #absnav li:hover ul ul ul, #absnav li.sfhover ul ul, #absnav li.sfhover ul ul ul {     left: -998em; } #absnav li:hover ul, #absnav li li:hover ul, #absnav li li li:hover ul, #absnav li.sfhover ul, #absnav li li.sfhover ul, #absnav li li li.sfhover ul {     left: auto; } #absnav li:hover, #absnav li.sfhover {     position: static; }#absnav li li a, #absnav li li a:link, #absnav li li a:visited {     background: #ff0100;     width: 120px;     color: #ffffff;     display: block;     font:normal 14px Helvetica, sans-serif;     margin: 0;     padding: 10px 13px 11px 13px;         text-decoration: none; z-index:9999; border-bottom:1px dotted #444444;    } #absnav li li a:hover, #absnavli li a:active {     background: #151414;     color: #ffffff;     display: block;     margin: 0px;     padding: 10px 13px 11px 13px;         text-decoration: none; }

Is code ko cop paste karna hain 

8. Ab Apply Now Button par Click kare

Ek baat Or dhayan rakhe jo ye <li> <a href='#'>Portfolio</a></li>  diya hain Isme # ki jagha par apni blog/website ka address dalna hain. 

Exm-  <li> <a href='http://allblogtip.blogspot.com/home'>home</a></li>

 Is tarah Replace kar de isse Apka MENU BAAR set ho jayega

Ek baat or ISKO sabse Upar Gedgat hain usme hi copy paste kare Acha lagega.