CÁCH TẠO THANH MENU TRONG BLOGSPOT

Menu trong Blogspot giúp bạn phân loại bài viết theo từng chủ để dễ dàng quản lý và truy cập. Để tạo thanh Menu ta làm như sau:


1) Chọn "Bố cục" --> Trong mục "Trên tất cả các cột", click chọn Thêm tiện ích

2) Xuất hiện cửa sổ Thêm tiện ích --> Click chọn HTML/javacript

 

3) Trong cửa sổ HTML, thêm đoạn code sau vào phần nội dung

<style>
#bt4unavmenu{height:46px;display:block;overflow:hidden;padding:5px 0;margin-bottom:6px;border:1px solid #333;-moz-border-radius:07px; -khtml-border-radius:07px;-moz-border-radius:15px; -khtml-border-radius:15px;box-shadow:0px 0px 15px #252525;
-webkit-box-shadow:0px 0px 10px #252525;
-moz-box-shadow: 0px 0px 10px #252525;background:#222 url() left top repeat-x}
#bt4unavmenu .current-cat a{background:#4AA02C url() top left repeat-x;color:#FFF;-moz-border-radius:15px; -khtml-border-radius:15px;border:1px solid #111}
#bt4unav a,#subMenusContainer a{text-decoration:none;display:block}
#bt4unav a{margin:0;float:left;background:none;padding:15px 15px 15px 15px;color:#fff;text-transform:uppercase;font-weight:bold;font-size:12px;border:1px solid #222}
#bt4unav li a:hover,#bt4unav li a:focus,#bt4unav a.mainMenuParentBtnFocused{background:#8eda22 url() top left repeat-x;color:#fff;-moz-border-radius:15px; -khtml-border-radius:15px;border:1px solid #333}
#bt4unav,#bt4unav ul,#bt4unav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em}
#bt4unav ol,#bt4unav ul,#subMenusContainer ul,#subMenusContainer ol{background:none;left:0}
#bt4unav li{cursor:pointer;float:left;margin:0 2px 0 0;padding:0 2px 0 4px;height:44px;display:inline;background:url() left center no-repeat}
#bt4unav li:first-child{background:none;padding:0 2px 0 0}
#bt4unav{width:940px;margin:0 auto;clear:both;overflow:hidden;font-size:12px;display:block}
</style>
<div id='bt4unavmenu'>
<ul id='bt4unav'>
<li><a href='http://tessuarai0.blogspot.com/'>Home</a></li>
<li><a href='http://tessuarai0.blogspot.com/search/label/LifeStory>LifeStory</a></li>

<li><a href='http://tessuarai0.blogspot.com/search/label/Thủ%20Thuật'>Thủ Thuật</a></li>

</ul>

</div>

Những dòng màu xanh là dòng tạo Menu, có cấu trúc như sau:
<li><a href='Link nhãn'>Tên nhãn</a></li>

Ví dụ muốn tạo Menu Thủ Thuật thì dòng lệnh sẽ là:
<li><a href='http://tessuarai0.blogspot.com/search/label/Thủ%20Thuật'>Thủ Thuật</a></li>
Lưu ý thay địa chỉ tessuarai0.blogspot.com bằng địa chỉ blog của bạn.

Muốn tạo thêm nhiều Menu thì copy dòng lệnh màu xanh và dán ngay bên dưới rồi đổi tên Menu tương ứng.


4) Click nút Lưu để hoàn tất việc tạo Menu