Blogspot - Tạo Menu cố định trên top

Blogspot - Tạo Menu cố định trên top

Hiện nay các Blogger đang có xu hướng tạo cho blog của mình có 2 menu dạng  Menu 1 - Banner - Menu 2 như thế này chẳng hạn

và bạn muốn cố định một trong các menu trên  để khi cuộn trang thì menu này sẽ luôn nằm cố định giúp người xem dễ thao tác và ko phải cuộn trở lại trang. Để làm được điều này hôm nay mình sẽ hướng dẫn một thủ thuật blog hết sức đơn giản.

1. Xác định ID và Class của menu bạn muốn cố định 

• Thông thường sẽ có dạng (có thể khác nhau tuỳ từng template bạn chọn), nhưng không sao cả, bạn chỉ cần tìm thật kỹ và cẩn thận là có thể thấy nó.

<div id="menu_top" class="class_menu">

Nhưng ở một số Template khác hoặc như template của mình nó sẽ được phân ra theo tên như

<div class='menu_top'>

và

<div class='class_menu'>

page-menu : là cái menu màu đen phía trên của minh

class_menu : là cái menu phía dưới màu xanh

Template của mình nó tách biệt 2 menu và không viết cùng 1 dòng, của các bạn có thể cũng sẽ như thế, nhắc lại hãy tìm thật cẩn thận

   2. Thêm thuộc tính cố định 

- Vào phần chỉnh sửa Mẫu - tìm kiếm đoạn mã sau (Có thể bấm tổ hợp phim Ctrl + F để tìm kiếm)

]]></b:skin>

thêm đoạn mã sau vào đằng trước thẻ trên 

• Với Menu màu đen

#menu_top {
position: fixed;
_position:absolute;
top: 0px;}

• Hoặc với menu màu xanh

.class_menu {
position: fixed;
_position:absolute;
top: 0px;}

• Lưu ý:

- Thay  Tên ID (hoặc tên class) thành tên Id hoặc tên class của menu.

-  Lưu ý nếu là Id thì trước phải có dấu thăng (#), còn nếu là class thì trước phải có dấu chấm (.)

-  Ở đoạn CSS này menu sẽ luôn hiển thị trên đầu blog, nếu muốn hiển thị ở chân blog thì thay chữ top thành bottom là được.