Thứ Hai, 21 tháng 1, 2013

☆ TẠO MENU NGANG CHO BLOGGER

☆ 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

*****************
NGUỒN: http://dunghennessy.blogspot.com/2011/03/tao-menu-ngang-cho-blogger.html

28 nhận xét:

  1. Vất vả hì hục với cái menu ngang ni...rùi cũng mần xong...keke
    [img] http://i86.photobucket.com/albums/k88/suonglam_2006/HinhFlashvuinhon/flowers-smile.gif [/img]

    Trả lờiXóa
  2. Mợ Ngọt vất vả quá ! Mần xong rồi có khát nước thì mời em gái cốc nước cam nè .

    Trả lờiXóa
    Trả lời
    1. Keke...Huynh thật tâm lí, nước cam vừa đã khát vừa đẹp da nè!

      Xóa
  3. giỏi ..có thưởng nè ra nhận liền đê

    Trả lờiXóa
  4. Hướng dữn rát thú vị...
    [img]http://i1124.photobucket.com/albums/l569/luongmienj1/Uong-Dring/Photo61.jpg [/img]

    Trả lờiXóa
    Trả lời
    1. Sinh tố cà rốt rất bổ dưỡng, thơm ngon.
      CN củm ơn Cụ nà.....

      Xóa
  5. Bài viết hữu ích đó em! hj
    Anh Ninh sang thăm em nè! Mến chúc em gái tuần mới nhiều niềm vui, may mắn nhé!

    Trả lờiXóa
    Trả lời
    1. Hixhix...em gái thay mã mầu menu mà nó cũng hiện y nguyên như của nhà độc quyền hà!Làm hoài hổng được, hết bít òi...

      Xóa
  6. Blog ngày càng xinh đó em! hj

    Trả lờiXóa
    Trả lời
    1. keke...cái gì hổng biết cứ cố làm cho biết mới thôi, quên cả viết bài rùi nà AN......

      Xóa
  7. Blog em gái thật dễ thương ! Thứ tư vui khỏe,an lành nhé em !

    Trả lờiXóa
    Trả lời
    1. keke...Chị của em cũng rứa nha! em ti toe học mần từng chút một, đặng thi thiết kế blog dễ sương Chị iu nhẻ...

      Xóa
  8. Giỏi vậy ta? Để Ai từ từ nghiên cú. Cám ơn Cay mà Ngọt Ngay nhe!

    Trả lờiXóa
    Trả lời
    1. keke...hỏng có ziệc gì khó, Ai nhẻ...nghiên cú rùi sẽ mần lẹ làng, dễ ợt hà!

      Xóa
  9. Ôi Lão dốt mấy cái này lắm. Tối ngọt ngào Em nhé !

    Trả lờiXóa
    Trả lời
    1. keke...Lão có nhiều sở trường sở đoản thú vị hơn mấy cái nầy mà!
      HN chắc lạnh lắm Lão nhẻ...

      Xóa
  10. Ngủ ngon và có giấc mơ đẹp, em nghen!

    Trả lờiXóa
    Trả lời
    1. keke.....đêm chưa phia mà...em gái định học hỏi AN mấy code slide entry đó.....hehe...

      Xóa
  11. Trả lời
    1. hi...Thứ 4 rùi nà AN uôi...cố gắng chăm ngoan rùi hết tuần cho cả nhà nghỉ Tết heng!...

      Xóa
  12. Chiều chủ nhật vui vẻ em gái nhé!

    Trả lờiXóa
  13. thank cái menu của bạn nhé !

    Trả lờiXóa
  14. hay quá bạn ơi!
    blog minh moi lam cac ban ung hộ nhé Dobe

    Trả lờiXóa
  15. menu của bác có 8 nhãn em muốn thêm 2 cái nhãn nữa làm thế nào ạ

    Trả lờiXóa
  16. hay đáy cảm ơn bạn nhiều mông bạn có những bài hay hơn nưa.cho mình hỏi làm thế noà để các menu nằm trên cùng đường

    Trả lờiXóa
  17. Mình là người mới chơi blog nên muốn hỏi:
    ..a href="http://dungheineken.blogspot.com/p/giai-ap.html">....GIẢI ĐÁP...
    Mình điều hướng phần GIẢI ĐÁP đến "http://dungheineken.blogspot.com/p/giai-ap.html"
    nhưng mình chưa hiểu trong blog làm sao tạo các blog-link như thế này được. Mong các bác chỉ giáo

    Trả lờiXóa

Dùng mã code dưới đây để chèn nguồn từ bên ngoài vào comment
Link : CLICK HERE
Hình ảnh : [img]Link hình ảnh URL[/img]
Youtube clip : [youtube]Link video từ yotube[/youtube]
Nhaccuatui : [nct]Link nhạc từ Nhaccuatui[/nct]

Xem thêm