▀▄▀▄▀▄▀▄▀▄▀▄ 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 NGANG CHO BLOGGER

Để tạo menu ngang cho Blogger như hình mẫu dưới đây


Đầu tiên bạn đăng nhập vào Blogger của mình rồi chọn Thiết kế > thêm tiện ích và chọn HTML/Javacript, sau đó dán code này vào


<style> #navcontainer { /* none needed */ } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 5px 0 4px 0; background-color: #3535c7; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9; } #navlist a, #navlist a:link { margin: 0; padding: 5px 9px 4px 9px; color: #ff0000; border-right: 1px solid #d1e3db; text-decoration: none; } ul#navlist li#active { color: #95bbae; background-color: #d1e3db; } #navlist a:hover { color: #0000ff; background-color: #1e5508; } </style> <div id="navcontainer"> <ul id="navlist">
<li><a href="http://dungheineken.blogspot.com/"><span>TRANG CHỦ</span></a></li>
 <li><a href="http://dungheineken.blogspot.com/p/giai-ap.html"><span>GIẢI ĐÁP</span></a></li>
 <li><a href="http://dungheineken.blogspot.com/p/download.html"><span>DOWNLOAD</span></a></li> <li><a href="http://dungheineken.blogspot.com/p/photoshop.html"><span>PHOTOSHOP</span></a></li>
 <li><a href="http://dungheineken.blogspot.com/p/cai-at-win-ghost-phan-chia-o-ia.html"><span>CÀI ĐẶT WIN-GHOST</span></a></li>
<li><a href="http://dungheineken.blogspot.com/p/vui-de-hoc.html"><span>VUI ĐỂ HỌC</span></a></li>
 <li><a href="http://dungheineken.blogspot.com/p/web-hay.html"><span>WEB HAY</span></a></li><li><a href="http://dungheineken.blogspot.com/p/blog-page_26.html"><span>DUNGHEINEKEN</span></a></li>
 </ul> </div>

Bây giờ, bạn hãy thay đổi các link màu đỏ bằng các link của Blog mình, bạn đặt tên cho các chữ màu vàng bằng các tên mà mình muốn hiển thị
Ngoài ra nếu muốn thay đổi màu chữ, màu nền cho menu các bạn thay đổi các code màu xanh.(xem bài cách lấy mã màu TẠI ĐÂY). Nếu mẫu trên chưa vừa ý với bạn, bạn có thể xem thêm các mẫu menu ngang TẠI ĐÂY
Cuối cùng bạn di chuyển tiện ích HTML/Javacript này nằm dưới thanh tiêu đề của Blog để tạo menu ngang giống như các trang Web.
Mách nhỏ: Nếu muốn có các đường Link của các trang trên Blog mình thì bạn phải tạo thêm trang cho Blog (xem hướng dẫn TẠI ĐÂY), sau khi thêm trang xong bạn viết bài vào trang đó và cho ẩn các trang, lấy đường link đó thay vào các code màu đỏ... lúc này khách tham quan bấm vào một mục nào đó trên thanh menu thì sẽ hiện lên trang của bạn đã tạo...
Còn các bài viết theo chủ đề (Nhãn) thì bạn nên tạo hộp menu xổ xuống thì đẹp và gọn hơn (xem hương dẫn TẠI ĐÂY)

Chúc các bạn có một menu đẹp cho blog của mình

15 nhận xét:

DS Lê Vĩnh Phúc nói...

Tab hiện hành không đổi màu bạn ơi!
Giúp mình nhé!
Thanks!

dungheineken nói...

Bạn đúng rồi, các tab sẽ không đổi màu khi hiện hành.

dieuhuynh nói...

anh ơi. sao em làm menu ngang, có tât cả 10 cái menu, thì cái menu cuối cùng nó nhảy xuống hàng thứ 2 mất. anh giúp em với

dungheineken nói...

Nhiều quá thì nó phải xuống hàng thôi mà đâu có gì lạ đâu em. Em chỉnh lại font chữ cho nhỏ lại có thể nó sẽ nằm trên cùng một hàng, thử xem, thay đổi cho font-size nha

NGUYÊN HÀ nói...

anh ah cho em hỏi chút làm menu ngang thì cần tạo thêm trang, tạo thêm trang rồi thì mình chỉ đường linh đến menu đúng ko ạ . vd của trang cài đặt win-ghost của a muốn thêm bài mới vào trang đó thiif làm thế nào hả anh , em thêm nó cứ vào trang chủ ấy

dungheineken nói...

Anh chưa hiểu ý em lắm, thêm bài mới ở đâu, ở ngay trang đã có hay tạo trang mới....????
Nếu thêm bài mới ở trang đã có sẳn thì em chỉ việc mở chỉnh sửa trang đó ra và thêm vào thôi.

NGUYÊN HÀ nói...

vâng ý của em là e muốn hỏi tại sao khi em tạo thêm trang để làm menu ngay ấy. em chỉ đang được duy nhất một bài vào đó muốn đăng thêm bài khác vào trang đó thì phải làm thế nào ạ

dungheineken nói...

Blogspot hiện tại chỉ cho tạo 20 trang độc lập cho nó mà thôi.
Theo ý của em thì em phải tạo nhãn cho nó (một nhãn có thể gồm nhiều bài viết không giới hạn).
Khi tạo nhãn xong thì em có thể copy link của nhãn đó thay vào menu ngang là OK. Em có thể tham khảo bài này nha:
http://dunghennessy.blogspot.com/2011/03/tao-nhan-chu-e-cho-cac-bai-viet.html
Chúc em thành công

Xuan Binh Huynh nói...

Anh owi anh cho em CSS của anh được không? Em làm như anh mà không được

dungheineken nói...

Nó bị lỗi gì???

Nguyen van anh nói...

Em chào anh, hôm nay em tra google để học cách làm blog thì may mắn tìm được trang của anh, em thấy rất hay và chi tiết một số vấn đề mà em đang gặp. Em gà mờ lắm anh ạ, giờ mới thấy blog rất hay và học làm nhưng em đang gặp 1 vấn đề thế này? Anh cho em hỏi: Em tạo nhiều bài viết cho 1 nhãn rồi nhưng em không biết lấy link nhãn như thế nào ạ? Anh chỉ giúp em! Em cảm ơn ạ!

minh hà nói...

EM LÀM ĐƯỢC RỒI ,CÁM ƠN ANH DŨNG NHA

hung lai nói...

chào anh admin . em có làm menu ngang như anh hướng dẫn nhưng nó lại bị lệch xuống phí dưới , anh xem có cách nào chỉnh giúp em với được không . cảm ơn anh nhiều
http://uphinh.ssc.vn/images/99Untitled.jpg
nick hình blog của em .
blog của em .http://tienhung2014.blogspot.com/

dungheineken nói...

Đây là code để dán ngoài mà thôi, còn muốn nó vào ở trên khung màu trắng đó thì em vào phải chỉnh sửa mã nguồn HTML rồi dán nó vào nhưng đôi khi theme này không chịu code menu ngang này thì nó sẽ bị lỗi em à (không phải theme nào cũng áp dụng menu ngang vào mã nguồn hết cả...)

hung lai nói...

thank a admin nhieu nha

Đăng nhận xét

 
Powered by by: Blogger