Hướng dẫn tạo thanh menu ở đầu blog.

Thanh menu ở đầu blog là một nét đặc trưng riêng ở blog, cũng có nhiều bạn thắc mắc về thanh menu này, hôm nay mình viết bài hướng dẫn thủ thuật trên.

Xem Demo ngay trên đầu site này

1. Vào mục "Mẫu" → "chỉnh sửa HTML" và chèn đoạn css sau vào trước thẻ ]]>

 /*menu on blog'head*/
#topmenu-outer{ height:20px;width:100%;background:#eee; color:#222; top:0px;right:0px; position:fixed; padding:3px 5px 3px 5px;} 

#topmenu{height:20px;width:990px;margin:auto;}

#topmenu1{height:20px;width:990px;float:left;} 

#topmenu1 ul{margin:0; padding:0}
#topmenu1 ul li{display: inline; margin:0;}

#topmenu1 ul li:first-child{padding:5px 0;}

#topmenu1 ul li a{font:nomarl 12px arial; color: #222;  margin:auto;padding:7px 10px;}

#topmenu1 ul li a:hover{color:#164; margin:0;} 

#topmenu2{height:20px;float:right;padding:0px 0px 2px 0px;margin:0px 0 5px 0}

.search-text{width:200px;height:20px; border:none;margin:0}

Ở trên có đoạn code màu đỏ là để nó cố định trên đầu Blog, nếu không muốn cố định thì xóa nó đi.

 2. Chèn đoạn code sau trước thẻ

 
• Trang chủ


• Liên hệ quảng cáo

Thủ Thuật Blog

Chú ý: chỉnh sửa những phần mình đánh dấu màu đỏ lại cho phù hợp với website của bạn.
Trong quá trình thực hiện nếu có vấn đề gì thì bạn để lại comment bên dưới, mình sẽ xem xét và đề xuất hướng khắc phục. Chúc bạn thành công! 

Nguồn: Voquocan