CÁCH TẠO MENU NGANG TÍCH HỢP TRANSLATE VỚI BIỂU TƯỢNG LÁ CỜ

Menu trang thethao.zing.vn nhìn rất đẹp với hiệu ứng hover, đây là menu dạng nằm ngang kèm theo hiệu ứng đóng mở menu con khi click chuột (Tab Menu Mouseover) làm nhiều Blogger rất thích sử dụng cho Blog của mình.

Nếu muốn thay lá cờ thành hiệu ứng đóng mở menu con khi click chuột (Tab Menu Mouseover) có thể xem TẠI ĐÂY Còn bài này mình com hướng dẫn các bạn thực hiện mene điều hướng đơn giản có đồ họa giống vậy được thay Tab Menu Mouseover bằng tiện ích Translate bằng hình ảnh lá cờ các quốc gia.


Các bước tạo menu điều hướng :
1. Truy cập vào Blogger : Bảng điều khiển (Dashboard) >> Bố cục (Layout) >> Phần tử trang (Page Element) >> Click vào Thêm tiện ích (Add a Gadget).
2. Click chọn tiện ích HTML/JavaScript widget và dán Navigation Menu Code (Code của menu điều hướng) ở phần dưới vào trong khung nội dung của HTML/JavaScript widget .
3. Kéo HTML/JavaScript widget và thả vào vị trí phía dưới Blog Header.

Trang chủ

• Menu1
• Menu2
• Menu3
• Menu4
• Menu5
• Menu6

Languages:

- Các bạn nên Downloand các file ảnh về Upload lên trang của mình sau đó thay vào để phòng link ảnh bên Zing die bạn có thể Downland file ảnh TẠI ĐÂY sau khi download về thay vào tên tương ứng là được
4. Sau khi đã thực hiện xong các bước trên, bạn cần chỉnh lại link liên kết hiển thị trong đoạn mã HTML.

- Thay thế các tiêu đề và đường link của các menu bạn chỉ cần thay đổi các dòng in đậm trọng đoạn code như dưới:

Menu1

Menu2

Menu3

Menu4

Menu5

Menu6

- Thay thế #1, #2, #3,... bằng các địa chỉ Trang, các Lable hoặc URL bài viết và thay thế Menu1, Menu2, Menu3,... bằng Tên các Label hoặc Page. Ví dụ với Các bài viết về Thủ thuật Blog trong blogger trên namkna sẽ như sau:

Bài viết

- Nếu cần thêm hay xóa đi các tab (link) bạn chỉ cần thêm hoặc xóa đi đoạn code HTML dưới:

Menu

CHÚC CÁC BẠN THÀNH CÔNG !!!