Tạo hộp thoại thông báo với hiệu ứng trượt
mà các bạn có thể vào tham khảo, là việc cần thiết cho website thiết kế Blogger Dashboard, có tác dụng đặt một đoạn text với nội dung chào mừng bạn đọc hoặc gửi lời nhắn đến bạn đọc về một vấn đề gì đó. Có nhiều cách để tạo một thông báo như vậy, trong số đó nổi bật nhất có sử dụng thư viện jQuery để tạo hiệu ứng trượt.
Để tạo một hộp thoại thông báo như vậy, chúng ta hãy thực hiện Cài đặt (Setting) theo các bước như sau:
Bước 1. Đăng nhập Blogger, vào Design Template>> Edit HTML. Đặt đoạn code bên dưới Khung Source Code vào trước thẻ </head>.
Bước 2. Đặt đoạn code bên dưới vào trước thẻ </body>.
Bước 3. Đặt đoạn code bên dưới vào trước thẻ <div id='footer'>.
Kết thúc, Bạn cần nhớ Sao lưu dữ liệu, Lưu lại Template.
Chúc bạn thành công!.
Bước 1. Đăng nhập Blogger, vào Design Template>> Edit HTML. Đặt đoạn code bên dưới Khung Source Code vào trước thẻ </head>.
Chúc bạn thành công!.
Nguồn tham khảo: http://nghiencuuseo.blogspot.com/2015/03/tao-hop-thoai-thong-bao-voi-hieu-ung-truot.html
Demo: Bạn có thể lấy link Demo trong khung bên dưới để vào xem thư trang mà mình đã ứng dụng cho Code trong bài hướng dẫn.
Demo: Bạn có thể lấy link Demo trong khung bên dưới để vào xem thư trang mà mình đã ứng dụng cho Code trong bài hướng dẫn.
http://tinhockhanhdat16.blogspot.com/
Ghi chú:
Một điều đặc biệt trong bước Cài đặt (Setting) nầy, Source Code được đặt thẳng vào trong Mẫu Template, không cần phải sử dụng đến phần thiết kế layout (Bố cục).
Trong phần: <p>Nội dung thông báo</p>, bạn có thể thử mở thêm trang nầy để chép dán vào kiễm tra thử, dùng mã Html/JavaScrip để chèn vào giữa 2 thẻ <p> và </p>:
Một điều đặc biệt trong bước Cài đặt (Setting) nầy, Source Code được đặt thẳng vào trong Mẫu Template, không cần phải sử dụng đến phần thiết kế layout (Bố cục).
Trong phần: <p>Nội dung thông báo</p>, bạn có thể thử mở thêm trang nầy để chép dán vào kiễm tra thử, dùng mã Html/JavaScrip để chèn vào giữa 2 thẻ <p> và </p>:
Trong trang Demo, Hộp thoại chỉ xuất hiện khi bạn kéo thanh cuộn bên di chuyển về phía đáy màn hình trong trang Blog.
Người viết: Nguyễn Đạt Khánh
Người viết: Nguyễn Đạt Khánh