TẠO MENU DỌC CHO HÌNH ẢNH
Thủ thuật này cũng khá đơn giản, bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML rồi dán đoạn code phía dưới vào.
<link rel="stylesheet" type="text/css" href="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/anylinkmenu.css" />
<script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/anylinkmenu.js">
</script>
<script type="text/javascript">
var anylinkmenu1={divclass:'anylinkmenu', inlinestyle:'width:260px; background:#FDD271', linktarget:'_new'} //First menu variable. Make sure "anylinkmenu1" is unique
anylinkmenu1.items=[
["Tiêu đề 1", "Link liên kết"],
["Tiêu đề 2", "Link liên kết"],
["Tiêu đề 3", "Link liên kết"],
["Tiêu đề 4", "Link liên kết"],
["Tiêu đề 5", "Link liên kết"],
["Tiêu đề 6", "Link liên kết"],
["Tiêu đề 7", "Link liên kết"],
["Tiêu đề cuối", "Link liên kết"] //dòng cuối này không có dấu phẩy phía sau
]
//anylinkmenu.init("menu_anchors_class") //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init("menuanchorclass")
</script>
<a href="http://www.dunghennessy.blogspot.com" class="menuanchorclass" rel="anylinkmenu1"><img border="0" src="Link hình ảnh" /></a>
<script type="text/javascript" src="http://dl.dropbox.com/u/66348944/dunghennessy/menudoc-menucon/anylinkmenu.js">
</script>
<script type="text/javascript">
var anylinkmenu1={divclass:'anylinkmenu', inlinestyle:'width:260px; background:#FDD271', linktarget:'_new'} //First menu variable. Make sure "anylinkmenu1" is unique
anylinkmenu1.items=[
["Tiêu đề 1", "Link liên kết"],
["Tiêu đề 2", "Link liên kết"],
["Tiêu đề 3", "Link liên kết"],
["Tiêu đề 4", "Link liên kết"],
["Tiêu đề 5", "Link liên kết"],
["Tiêu đề 6", "Link liên kết"],
["Tiêu đề 7", "Link liên kết"],
["Tiêu đề cuối", "Link liên kết"] //dòng cuối này không có dấu phẩy phía sau
]
//anylinkmenu.init("menu_anchors_class") //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init("menuanchorclass")
</script>
<a href="http://www.dunghennessy.blogspot.com" class="menuanchorclass" rel="anylinkmenu1"><img border="0" src="Link hình ảnh" /></a>
Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ (bao gồm kích thước, màu nền, tiêu đề và đường link liên kết của menu), cuối cùng bấm Lưu lại là xong.
Mở rộng thêm:
* Ở code trên có tất cả 8 mục, nếu muốn nhiều mục hơn, bạn copy lệnh này:
Mở rộng thêm:
* Ở code trên có tất cả 8 mục, nếu muốn nhiều mục hơn, bạn copy lệnh này:
["Tiêu đề", "Link liên kết"],
Và dán trên dòng lệnh "Tiêu đề cuối".
* Nếu bạn muốn thay hình bằng chữ thì thay dòng lệnh:
<img border="0" src="Link hình ảnh" />
Chúc các bạn thành công!!!
Sưu tầm bởi : www.meovatcuocsong.blogspot.com
Comments
Post a Comment