▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

☆ TẠO MENU DỌC CHO BLOGGER

Để tạo menu dọc cho Blogger theo như mẫu sau: (Bạn rê chuột vào ảnh để xem ảnh với kích thước lớn hơn.)





Các bạn cần làm các bước sau:
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; }




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

<div id="navcontainer"> <ul id="navlist"> 
<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.
Nếu chưa thoả mãn với menu này, bạn có thể xem tiếp một vài mẫu menu khác TẠI ĐÂY.

Chúc các bạn thành công



▀▄▀▄▀▄dunghennessy.blogspot.com▄▀▄▀▄▀

13 nhận xét:

Nguyễn Quốc Cường nói...

ban goi cho minh nha

Nặc danh nói...

Xin hỏi mình muốn để menu dọc ở bên trái làm thế nào?

dungheineken nói...

Thì khi bạn thêm HTML/Javacript rồi dán code thứ 2 vào và kéo nó về phía bên trái thì nó sẽ hiển thị bên trái (nhưng giao diện Blog của bạn phải là 3 cột hoặc 2 cột có slidebar ở bên trái mới được nha)

HHH nói...

ban cho mình hỏi mình vào phần chinh sua html hay không thì kết quả nó vẫn thế. Menu có dấu chấm đằng trước trông rất đơn giản. Bạn có code menu nào co khung xung quanh với mũi tên chỉ vào tiêu đề menu không

HHH nói...

bạn có mẫu menu nào có khung xung quanh tiêu đề menu với mũi tên chỉ vào không? chứ menu này có mỗi dấu chấm trông dơn giản quá

dungheineken nói...

Bạn thử xem bài này:
http://dunghennessy.blogspot.com/2011/05/tao-menu-doc-cho-nhan.html
Trong đó có một số mẫu menu khác không biết có thoả mãn yêu cầu của bạn không!!!
Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

gia dinh nói...

Dũng ơi tiện ích này có chỉnh được cho thanh bản màu đen của menu nhỏ lại tý dc ko ?

dungheineken nói...

Thanh màu đen nhỏ hay lớn tuỳ thuộc vào font chữ, vì vậy nếu muốn nhỏ lại thì bạn chỉnh font size nhỏ lại là OK

anh hoang nói...

Em tạo được menu, nhưng làm sao gắn nhãn cho các menu này hoặc đăng bài cho các menu này vậy anh.
Nhờ anh chỉ bảo giúp. Thank anh nhiều
Chúc a năm mới an khang, thịnh vượng.
Em viện

dungheineken nói...

Em chỉ việc thay link của nhãn vào chỗ "LINK URL" rồi bấm Lưu lại là OK

co songhoa nói...

Giúp e với! blog e báo lỗi Invalid widget: HTML8

Error 400 khi e thêm tiện ích và chỉnh sửa tiện ích này! cảm ơn A!

Dung PHAM HOANG nói...

Có thể là do bạn copy còn thiếu...bạn copy và làm lại thử xem..
Nếu vẫn còn tình hình như vậy thì bạn dán code vào HTML/Javacript luôn (dán cùng với code thứ 2).

Hạt ngọc sâu trong tâm hồn tu sĩ nói...

ban cho minh xin code menu doc cua ban dang su dung dc k (chauhoan.ml@gmail.com)

Đăng nhận xét

 
Powered by by: Blogger