Bạn làm blog? Bạn có bao giờ phải chỉnh sửa blog như thay Template, sửa bài viết hay gì gì đó không? Mỗi lần bạn làm điều đó, chắc hẳn sẽ không muốn ai nhìn thấy sự lộn xộn, mất thẩm mỹ của blog mình đúng không?
Nếu như đặt chế độ riêng tư chỉ cho tác giả xem thì người đọc sẽ hay nhầm tưởng là bạn không dùng blog đó nữa đấy. Vì vậy hôm nay mình sẽ hướng dẫn các bạn cách tạo 1 trang thông báo bảo trì website vô cùng đơn giản nhưng không kém phần chuyên nghiệp nhé.
ĐẶC ĐIỂM:
  • Đẹp mắt, thân thiện.
  • Bất kì ai truy cập blog bạn đều sẽ chỉ thấy được trang thông báo bảo trì này và không truy cập được trong blog.
CÁCH THỰC HIỆN:Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Dán toàn bộ đoạn code phía dưới trước thẻ </head>
<style type='text/css'>
/*<![CDATA[*/
html:after {
  content: "";
  background: #fff url(http://i.imgur.com/3KZATEH.png) no-repeat;
  background-size: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-position: center;
}
body {
  display:none;
}
@media screen and (max-width:800px) {
  html:after {
    background-size: contain;
  }
}
/*]]>*/
</style>
--- Thay link ảnh http://i.imgur.com/3KZATEH.png bằng ảnh khác bạn thích. Search trên Google với từ khóa "bảo trì hệ thống", "bảo trì server"... ra rất nhiều kết quả nha.
Bước 3: Lưu template lại.
KẾT LUẬN:Như vậy mình vừa hướng dẫn xong cho các bạn cách tạo trang thông báo bảo trì đơn giản cho website/blogrồi đó. Khi nào dùng xong bạn nhớ bỏ code trên đi nhé.
Chúc các bạn thành công :) 
Post by: TsmBlogger.com
- - 0 bình luận Lượt Xem
Chuyên Mục

BÌNH LUẬN (0)

:)
:))
:D
=))
:(
:((
:o
^_^
^-^
/-f
^.^
:v
;)
-_-
=_=
/-r
-.-
:p
/-o
/-hi
/-ok
/-clap
(y)
(3)

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé