tạo menu cho blogger

Code:

]]></b:skin>

Thêm vào đằng trước đoạn code:

Code:

/*----- MBT Drop Down Menu ----*/

#mbtnavbar { 
    background: #0099FF; 
    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-right:1px solid #FFFFFF; 
      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: #333333; 
    color: #FFF; 
    display: block;   margin: 0; 
    padding: 9px 12px 10px 12px; 
      text-decoration: none; 

}

Vào phần layout thêm 1 html/javascript: thêm đoạn code:

Code:

<!-- menu -->
<div id='mbtnavbar'> 
    <ul id='mbtnav'> 
      <li> 
      <a href='http://link.itepress.com/'>Trang chủ</a> 
      </li> 
<li> 
      <a href='http://link.itepress.com/search/label/link%20sopcast%20itepress'>Link Sopcast</a> 
      </li> 
<li> 
       <a href='#'>Xem trực tiếp K+</a>
        <ul> 
          <li><a href='http://link.itepress.com/2012/12/xem-kenh-k1-kenh-k1-online.html'>Xem K+1 trực tuyến</a></li> 
          <li><a href='http://link.itepress.com/2012/12/kenh-kpc-online-xem-bong-tren-kenh-kpc.html'>Xem K+PC trực tuyến</a></li> 
          <li><a href='http://link.itepress.com/2012/12/kenh-kns-kenh-thao-k-xem-bong-k.html'>Xem K+NS trực tuyến</a></li> 
          </ul> 
      </li>
     <li> 

      <a href='http://link.itepress.com/2012/12/xem-truc-tiep-bong-da.html'>Xem trực tuyến bóng đá</a> 
      </li> 
      <li> 
      <a href='http://link.itepress.com/2012/12/lich-thi-dau-bong-da.html'>Lịch thi đấu</a> 
      </li> 
      <li> 
      <a href='http://link.itepress.com/2012/12/live-score.html'>Live score</a> 
      </li> 

<li> 
      <a href='http://itepress.com/home/lien-he-qc'>Liên hệ</a> 
      </li> 
<li> 

       <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAndroid-Developers-of-Viet-Nam%2F376191889110111&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;padding: 9px 12px 10px 12px;margin: 0;" allowtransparency="true"></iframe>
      </li> 
      <li> 
      <a href='#'>Back top</a> 
      </li> 
    </ul> 
    </div>
<!-- end menu -->