Thêm một tiện ích với jQuery để tạo 1 SlideBar trượt nằm ngay trên header của blog. Với SlideBar này ta sẽ có 3 cột tiện ích. Bạn có thể có 2 cách sử dụng cho SlideBar này. Thứ nhất là cách các bạn tự chèn nội dung (tiện ích) vào 3 cột này bằng thủ công, và cách 2 là sẽ có nút add widget cho các bạn tùy biến dễ dàng hơn.
1. Trên host : Xem
2. Trên blogspot đã test : Xem
Hình ảnh minh họa:
1. Ảnh hiển thị bình thường.
2. Khi click vào button để mở rộng tiện ích.
Sau đây là hướng dẫn cách thực hiện:
Truy cập vào Blogger:
- Truy cập vào Blogger Bảng điều khiển (Dashboard) >> Bố cục (Layout) >> Chỉnh sửa HTML (Edit HTML).
- Click chọn và ô check Mở rộng mẫu tiện ích (Expand Widg
Chèn Code CSS vào Blogger:
- Tìm (Ctrl – F) để chèn trước thẻ đóng hoặc sau dòng ]]> đoạn code sau:
- VnBlognet [dot] com: Đây là thủ thuật của một Pro về Blogger, nhất là trong lĩnh vực ứng dụng các .js mà các bạn đã quen: FanDung. Hiện nay FanDung trở thành một cây viết bên mothuthuat. Bài viết này được copy và biên soạn lại từ nguồn mothuthuat.com.
Xem Demo: 1. Trên host : Xem
2. Trên blogspot đã test : Xem
Hình ảnh minh họa:
1. Ảnh hiển thị bình thường.
2. Khi click vào button để mở rộng tiện ích.
Sau đây là hướng dẫn cách thực hiện:
Truy cập vào Blogger:
- Truy cập vào Blogger Bảng điều khiển (Dashboard) >> Bố cục (Layout) >> Chỉnh sửa HTML (Edit HTML).
- Click chọn và ô check Mở rộng mẫu tiện ích (Expand Widg
Chèn Code CSS vào Blogger:
- Tìm (Ctrl – F) để chèn trước thẻ đóng hoặc sau dòng ]]> đoạn code sau:
0 comments
Post a Comment