TẠO MENU DỌC CHO BLOGGER
Bước 1: Đăng nhập vào Blog của mình chọn Thiết kế > Chỉnh sửa HTML
Một bảng chỉnh sửa mẫu của Blog hiện lên, bạn bấm Ctrl+F để hiện hộp tìm kiếm, sau đó bạn gõ vào ]]></b:skin>. Bây giờ bạn copy đoạn code này vào và dán trên chữ ]]></b:skin>.
#navcontainer { background: #666666; width: 100%; margin: 0 auto; padding:0em 0; font-family: georgia, serif; font-size: 15px; text-align: center; text-transform: uppercase; } ul#navlist { text-align: left; list-style: none; padding: 0; margin: 0 auto; width: 100%; } ul#navlist li { display: block; margin: 0; padding: 0; } ul#navlist li a { display: block; width: 100%; padding: 1em 0 1em 1em; border-width: 2px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #000000; } #navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover { color: #0bd500; background: #2c7f0c; border-color: #aaab9c #fff #fff #ccc; }
Một bảng chỉnh sửa mẫu của Blog hiện lên, bạn bấm Ctrl+F để hiện hộp tìm kiếm, sau đó bạn gõ vào ]]></b:skin>. Bây giờ bạn copy đoạn code này vào và dán trên chữ ]]></b:skin>.
Nếu màu của thanh menu không thích hợp với Blog của bạn, bạn có thể thay thế màu khác bằng cách thay các code màu xanh (xem cách lấy mã màu TẠI ĐÂY).
Sau đó, bạn bấm vào thẻ LƯU MẪU.
Bước 2: Bạn quay lại thiết kế > thêm Tiện ích > chọn thêm HTML/Javacrip và copy đoạn code này dán vào
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
<li><a href="Link URL">Tên hiển thị trên menu</a></li>
</ul> </div>
Bạn thay thế các Link URL và các tên hiển thị trên menu theo ý mình, sau đó bấm LƯU
Bây giờ quay lại vào Blog bạn sẽ thấy một menu dọc tuyệt đẹp xuất hiện trên Blog của mình.
Tôi có sưu tầm từ một số trang Web và Blog một vài mẫu khác, nếu các bạn cần thì liên hệ với tôi, tôi sẽ gởi cho bạn.
Tags: Thủ thuật blogspot, Tin học
Previous Article
Đăng ký:
Đăng Nhận xét (Atom)
Share your views...
0 Respones to "TẠO MENU DỌC CHO BLOGGER"
Đăng nhận xét