.

Banner Maker

++Tin tức đang cập nhật++

Thứ Bảy, 13 tháng 6, 2009

Tạo thanh menu trượt cho Blogger

Đầ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;}

Tiếp theo, tìm đoạn code <body> và thêm vào sau nó đoạn code tiếp theo bên dưới

<div class='fixed_menu'>

<a href='http://vuihocvn.blogspot.com/' title='Home'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/home.png'/></a>
<a href='lehongduong112@yahoo.com' title='Liên hệ'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/mail_generic.png'/></a>
<a href='http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1753328' title='Nhận tin qua RSS'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/rss_pill_blue_32.png'/></a>
<a href='http://feeds.feedburner.com/boyprodx' title='RSS'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/rss_pill_orange_32.png'/></a>
<a href='javascript:scroll(0,0)' title='Lên đầu trang'><img src='http://i259.photobucket.com/albums/hh283/boy_proDX/up.png'/></a>
</div>

0 Nhận xét:

Đăng nhận xét

Cám ơn bạn đã đọc bài viết. Bạn có cách đóng góp hay hơn hãy để lại vài lời để cùng chia sẻ với mọi người.