[Blogspot] Tạo trang thông báo bảo trì website/blog đơn giản

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/blog rồ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

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!