0 Tạo thanh menu trượt cho Blogger (Blogspot)

Tin scandal-9x ! Chup len Quay len - Sock [TeenXinh.Blogspot.Com]

 

Không biết các bạn đã biết tới thanh menu trượt này chưa , nhưng mình cảm thấy nó rất tuyệt , có vẻ làm cho blog nhìn chuyên nghiệp hơn . Chính vì vậy mà hôm nay , mình xin hướng dẫn các bạn làm thanh menu trượt này.

Đầu tiên , các bạn hãy vào Trình bày (Layout) , chọn tab Chỉnh sửa HTML và không chọn Mở rộng Mẫu tiện ích nhé !

Như thường lệ , việc đầu tiên các bạn cần làm là lưu lại templates trước. Sau khi hoàn tất các công đoạn trên , các bạn tìm code sau

]]>

và thêm ngay trước nó đoạn code tiếp theo

.fixed_menu {
position: fixed;
top: 140px;
left: 0px;
width: auto;
margin: 0 0px 0px 0px;
background: #ffffff;
opacity:.900;
filter: alpha(opacity=90);
padding: 7px 5px 5px 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
}
.fixed_menu a:hover img {
position: relative;
top: 2px;
left: 2px;
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
}
.fixed_menu a { display: block; }
* html .fixed_menu {position:absolute;}

Các bạn hoàn tất rồi chứ ? Giờ , tìm đoạn code và thêm vào đoạn code tiếp theo bên dưới

Vậy là xong rồi đấy , các bạn chỉ cần chỉnh lại phần chữ đỏ theo ý của mình. Lưu lại templates và thưởng thức thành quả . Nếu muốn , các bạn có thể xem ví dụ tại đây

Tin scandal-Sock [Thực hiện: Teenxinh'blog ]