Cách tạo menu ngang lên một trang bất kỳ

Các bạn thích có một thanh menu ngang trên một trang hoặc một bài viết bất kỳ trong blogger - blogspot như thế này không?





        Để làm được như vậy các bạn làm theo các bước sau:B1: Tất nhiên là đang nhập vào bog của mình rồi (không nói cũng biết đúng không? Nhưng em cứ thích nói đấy! Làm gì được em. Hehe)B2: Vào một trang hoặc bài  đăng mà bạn muốn gắn thanh menu rồi chọn chế độ soạn HTML rồi coppy và dán mã code dưới đây vào. Nếu bạn muốn tạo thành menu này làm thanh menu chính (tức là vào vào bất kỳ trang nào hoặc bất kỳ bài viết nào nó cũng xuất hiện) thì bạn vào Bố cục -> Thêm tiện ích -> HTML/Javascript  rồi coppy và dán mã code dưới đây vào.

Mã code:
<style>
#bt4unavmenu{height:25px;display:block;overflow:hidden;padding:5px 0;margin-bottom:3px;border:1px solid #333;-moz-border-radius:03px; -khtml-border-radius:07px;-moz-border-radius:7px; -khtml-border-radius:7px;box-shadow:0px 0px 7px #252525;
-webkit-box-shadow:0px 0px 5px #252525;
-moz-box-shadow: 0px 0px 5px #252525;background:#009900 url() left top repeat-x}
#bt4unavmenu .current-cat a{background:#009900 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:10px 10px 10px 10px;color:#fff;text-transform:uppercase;font-weight:bold;font-size:12px;border:1px solid #99FF99}
#bt4unav li a:hover,#bt4unav li a:focus,#bt4unav a.mainMenuParentBtnFocused{background:#008800 url() top left repeat-x;color:#fff;-moz-border-radius:7px; -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:40px;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:6px;display:block}
</style><span style="background-color: lime;">
</span> 
<h3 class="post-title entry-title" itemprop="name" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0.75em 0px 0px; position: relative; text-align: center;">

</h3>
<div id="bt4unavmenu">
<ul id="bt4unav">
<li><a href="http://www.sonhai.tk/">MENU 1</a></li>
<li><a href="http://www.sonhai.tk/">MENU 2</a></li>
<li><a href="http://www.sonhai.tk/">MENU 3</a></li>
<li><a href="http://www.sonhai.tk/">MENU 4</a></li>
<li><a href="http://www.sonhai.tk/">MENU 5</a></li>
<li><a href="http://www.sonhai.tk/">MENU 6</a></li>
</ul>
</div>
<h2>
B3: Chỉnh sửa:
    Mã màu menu: Thay chuỗi 009900 thành mã màu bạn thích.
  Mã màu di chuột: Thay chuỗi 008800 thành mã màu bạn thích.
  Thay các link http://www.sonhai.tk thành link liên kết của bạn.
  Thay các MENU I thành tên menu của bạn.
   
Chúc các bạn thành công!

Không có nhận xét nào:

Đăng nhận xét

loading...
Lên đầu trang
Vào giữa trang
Xuống cuối trang

THỐNG KÊ:

Số liệu được thống kê từ ngày 24/9/2014

LIÊN HỆ:

Gmail: tson839@gmail.com


Ngôn ngữ

BẢN QUYỀN:

Tất cả các bài viết trên oihot.net đã được đăng ký bản quyền. Mọi sự sao chép xin vui lòng ghi rõ nguồn www.oihot.net
Tác giả:  Felix Tan

Template Upgrade by: Blogger