Thứ Năm, 13 tháng 1, 2011

Thay đổi thanh điều hướng (Navbar) của blogger

Lúc mới làm blog của blogger, mình thấy trên blog của mình có thành điều hướng của google, hơi khó chịu một chút, thấy blog của người ta không có, huhu, tìm hiểu một chút thì thấy cách bỏ thanh điều hướng, cũng dể, thực ra hiểu về CSS rồi thì bỏ được mà chẳng cần ai chỉ dạy cả, hì hì, với điều kiện là biết cái tên của navbar, hì hì. làm thế này nhé :
đây là ảnh của navbar cho mình lựa chọn lúc cài đặt blog,


Muốn ẩn cho giao diện nào thì chỉnh cho giao diện đó nha, đùng có chỉ cho giao diện này, một chút cài giao diện khác rồi lại thắc mắc nha, áp dụng cho mọi giao diện đó.
Vào phần Thiết kế rồi ->  chỉnh sửa HTML -> tim đến dưới dòng   cursor:pointer;} và thêm vào dòng sau  #navbar-iframe {display:none;}  và bấm vào Lưu mẫu là xong rồi 
Còn đế thay đổi thanh điều hướng thành như mình muốn thì làm như sau nha :
Tìm đến dưới dòng <![CDATA[  và thêm vào dòng sau 
/* infoBar Mod */
     #info
  {
    overflow-x: hidden;
    width: 99.9%;
    z-index:1000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    position:fixed;
    left:0;
    top:0;
    cursor:pointer;
  }
    #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
  {
    display: block;
    overflow-x: hidden;
    width:100%;
    clear: both;
    color: InfoText;
    background: #C0470E fixed .3em .3em;
    padding: .45em .3em .45em 2em;
    border-bottom: .16em outset;
    border-color: #E9CFD6;
    text-decoration: none;
    cursor: default;
    position:fixed;
    left:0;
    top:0;
    cursor:pointer;
  }
   #infobar a:hover
  {
color: #000000;
background: #AA9AFF fixed .3em .3em;
position: fixed;
left: 0;
top: 0;cursor: pointer;
}  
Tìm đến dòng </div> <!-- end content-wrapper -->  và thêm vào 
</div>
<div id='info'><div align='center' id='infobar'>NỘI DUNG MÀ BẠN MUỐN</div></div><br/>
Vậy là xong rồi, chúc các bạn vui nhé, dù làm việc này không phạm luật của google ( Blogger TOS (Terms of Service) nhưng nếu bạn không quan tâm lắm thì cứ để như lúc đầu của google, hì hì
Demo : http://phoenixsinh.blogspot.com/2011/01/thay-oi-thanh-ieu-huong-navbar-cua.html

1 nhận xét:

Đăng nhận xét

Cảm ơn bạn đã đóng góp ý kiến thảo luận của mình tại http://phoenixsinh.blogspot.com. Mời bạn tham đến với blog mùa tóc rối tại địa chỉ http://muatocroi.com. chúc bạn vui vẻ

Anh yêu em