Chỉ với một đoạn code ngắn và đơn giản, blog của bạn sẽ có một thanh menu ngang khá đẹp chứa các tiện ích khá thông dụng cho một Web/Blog.
Các tiện ích bao gồm: Đồng hồ, các bảng dịch ra tiếng nước ngoài, các trang mạng chia sẻ nổi tiếng, nút bấm lên đầu trang xuống cuối trang...và cuối cùng là nút thu gọn cho menu.
Menu ngang này sẽ nằm ở cuối màn hình, và di chuyển theo thanh trượt (có nghĩa là dù bạn di chuyển lên đầu, giữa hoặc cuối trang Web/Blog thì menu này vẫn xuất hiện luôn sẳn sàng cho bạn sử dụng, nếu không muốn thấy nó thì bấm vào nút cuối để ẩn menu này đi).
Các bạn xem hình minh hoạ:
Bạn bấm vào xem thử phía dưới để thấy "tận mắt" thanh menu ngang nha.
Xem thử
Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > Chọn chỉnh sửa HTML rồi bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </body>, sau đó dán code menu ngang vào dưới dòng lệnh </body>. Cuối cùng bấm Lưu mẫu rồi trở lại Blog xem kết quả.
Dưới đây là vài mẫu menu ngang, bạn thích mẫu nào thì chép code phía dưới để dán dưới dòng lệnh </body> như hướng dẫn ở trên.
Code mẫu 1:
Các tiện ích bao gồm: Đồng hồ, các bảng dịch ra tiếng nước ngoài, các trang mạng chia sẻ nổi tiếng, nút bấm lên đầu trang xuống cuối trang...và cuối cùng là nút thu gọn cho menu.
Menu ngang này sẽ nằm ở cuối màn hình, và di chuyển theo thanh trượt (có nghĩa là dù bạn di chuyển lên đầu, giữa hoặc cuối trang Web/Blog thì menu này vẫn xuất hiện luôn sẳn sàng cho bạn sử dụng, nếu không muốn thấy nó thì bấm vào nút cuối để ẩn menu này đi).
Các bạn xem hình minh hoạ:
Bạn bấm vào xem thử phía dưới để thấy "tận mắt" thanh menu ngang nha.
Đầu tiên, bạn đăng nhập vào Blog > chọn Thiết kế > Chọn chỉnh sửa HTML rồi bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </body>, sau đó dán code menu ngang vào dưới dòng lệnh </body>. Cuối cùng bấm Lưu mẫu rồi trở lại Blog xem kết quả.
Dưới đây là vài mẫu menu ngang, bạn thích mẫu nào thì chép code phía dưới để dán dưới dòng lệnh </body> như hướng dẫn ở trên.
Code mẫu 1:
<div id='navigbar_36035'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/1-20718.js' type='text/javascript'/></div>
Code mẫu 2:
<div id='navigbar_60048'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/2-35153.js' type='text/javascript'/></div>
Code mẫu 3:
<div id='navigbar_73239'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/3-31159.js' type='text/javascript'/></div>
Code mẫu 4:
<div id='navigbar_22953'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/5-75278.js' type='text/javascript'/></div>
Code mẫu 5:
<div id='navigbar_53326'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/7-38795.js' type='text/javascript'/></div>
Code mẫu 6:
<div id='navigbar_55305'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/8-47887.js' type='text/javascript'/></div>
Code mẫu 7:
<div id='navigbar_21820'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/9-89293.js' type='text/javascript'/></div>
Code mẫu 8:
<div id='navigbar_38605'><script src='http://dl.dropbox.com/u/66348944/dunghennessy/menungangtienich/10-72634.js' type='text/javascript'/></div>
Chúc các bạn có một menu ngang đẹp cho Blog của mình!!!
{ 0 comments... read them below or add one }
Post a Comment