Thủ thuật tạo Menu ngang có hiệu ứng khi rê chuột cho Blogger

Lưu ý: Nếu bạn gặp khó khăn với cách làm của bài viết "Thủ thuật tạo Menu ngang có hiệu ứng khi rê chuột cho Blogger" dưới đây hoặc mọi vấn đề khác, hãy gửi câu hỏi cho chúng tôi - TẠI ĐÂY - Đội ngũ lập trình sẽ trả lời và hỗ trợ bạn nhiệt tình sau 3 phút, 24/24h. Ok, giờ chúng ta bắt đầu

Chia sẻ đến với các bạn cách tạo menu ngang có hiệu ứng động khi rê chuột (không có menu con).Mời bạn xem thủ thuật blogger tạo hiệu ứng rất đẹp và kiểu dáng khá bắt mắt.
1- Bạn Đăng nhập vào Blogger / Blogspot
2- Chọn Thiết kế

3- Chọn Chỉnh sửa HTML và dán đoạn code sau vào bên trên thẻ ]]></b:skin> .


ul#topnav {


 margin: 0px 0 0px;

padding:  0;

one;
 font-size: 1

list-style: 
n.1em;
 clear: both;

 650px;  /*do

float: left;
 width
: rong cua menu*/
 }
 

 0;
 padding: 

ul#topnav li{
 margin
:0;
 overflow: hidden;
 float: left;

 }
 
 ul#topnav a, ul#topnav span {

height:40px; /*chieu cao cua menu*/
 padding:  10px 20px;
 float: left;

orm: uppercase;
 clear: 

text-decoration:  none;
 color: #fff; /*màu text cua menu*/
 text-trans
fboth;
 height:  20px;
 line-height: 20px;
 background:  #1d1d1d;
 }
 

 
 ul#topnav.v2 span{background

ul#topnav a { color: #7bc441; }
 
 ul#topnav span {
 display: none;
 

}:  url(http://1.bp.blogspot.com/-BSG0tzXDbFU/UaryYFzjWUI/AAAAAAAADSY/i5lJ_oe83xQ/s1600/menu+1.gif)  repeat-x left top; /*màu nen cua menu*/

}
 ul#topnav.v2 a{
 color: #555;

spot.com/-BSG0tzXDbFU/UaryYFzjWUI/AAAAAAAADSY/i5lJ_oe83xQ/s1600/menu+1.gif)  repeat-x left bottom; /*màu nen cua menu*/
 }

background:  url(http://1.bp.blo

g

5. Dán đoạn code bên dưới vào sau thẻ <head> .

<script type="text/javascript"  src="http://thietkewebplus.googlecode.com/files/jquery.min.js"></script>
<script type="text/javascript"  src="http://thietkewebplus.googlecode.com/files/ani_menu.js"></script>

6. Lưu Template lại.

7. Bây giờ, bạn trở lại trang Bố cục
8. Chọn Phần Tử trang
9. Chọn Thêm tiện ích =>HTML/Javacript
10. Dán đoạn code sau vào đó.


<ul id="topnav" class="v2">


<li><a href="URL Menu 1">MENU 1</a></li>


<li><a href="URL Menu 2">MENU 2</a></li>


<li><a href="URL Menu 3">MENU 3</a></li>


<li><a href="URL Menu 4">MENU 4</a></li>


<li><a href="URL Menu 5">MENU 5</a></li>


<li><a href="URL Menu 6">MENU 6</a></li>


</ul>

Dòng màu đỏ là URL liên kết tới bài viết, nhãn.
Dòng Màu xanh là tên bài viết nhãn tương ứng

Ban quản trị:

Bạn đang đọc bài viết "Thủ thuật tạo Menu ngang có hiệu ứng khi rê chuột cho Blogger". Nếu bạn đang gặp khó khăn với cách làm trên hoặc mọi vấn đề khác, hãy gửi câu hỏi cho chúng tôi - TẠI ĐÂY - Đội ngũ lập trình sẽ trả lời bạn sau 3 phút, 24/24h (Nếu bị bật ra quảng cáo, vui lòng nhấn Bỏ Qua Quảng Cáo)

Thủ thuật tạo Menu ngang có hiệu ứng khi rê chuột cho Blogger

QUAN TÂM