Cara Membuat Halaman Under Maintenance di Blogger Dengan CSS

Jagoandzgn.com - Pada kesempatan kali ini saya akan memberikan sebuah tutorial bagaimana Cara Membuat Halaman Under Maintenance di bBlogger Dengan Menggunakan CSS, Terkadang kita sering kali mendapatkan masalah perbaikan yang sering dialami oleh para blogger, termasuk salah satunya yaitu memperbaharui design template blog nah pastinya dalam masa perbaikan tersebut tentunya kita tak ingin ada pengunjung datang dan membuat pergi karena tampilan blog yang berantakan.

Nah untuk mencegah hal tersebut yaitu kita pastinya perlu membuat blog kita nantinya bakal diarahkan ke halaman khusus tersebut, halaman ini biasanya berisi sebuah keterangan bahwa blog kita sedang masa perbaikan/maintenance. Keterangan tersebut bersi halaman link atau gambar untuk contohnya kamu bisa klik demo dibawah artikel ini.

Cara Membuat Halaman Under Maintenance di Blogger Dengan CSS

1. Silahkan kamu login ke blogger.com dengan menggunakan akun Gmail kamu.
2. Masuk ke menu TEMA > klik Edit HTML
3. Selanjutnya kamu cari kode berikut ini </head> dan pastekan tepat DIATAS kode tersebut.

<style type='text/css'>
/*<![CDATA[*/
html:after {
  content: "";
  background: #fff url(https://2.bp.blogspot.com/-7xbzasXFR50/Wa43L1IIFAI/AAAAAAAAskE/JKR51NgBl_EIuoZJylbY3QqhQv03tR2LwCLcBGAs/s1600/maintainance.jpg) 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>

4. Nah untuk gambarnya kamu bisa ganti link yang sudah saya tandai dengan link gambar punya kamu sesuaikan selera masing-masing.
5. Kalau sudah silahkan klik SIMPAN dan Selesai.

Demo

Bagaimana mudah bukan untuk tutorial Cara Membuat Halaman Under Maintenance di Blogger Dengan CSS, apabila kamu ingin melihat demonya silahkan kamu klik tombol demo diatas dan apabila kamu memiliki pertanyaan seputar blogger silahkan komen dikolom komentar dibawah artikel ini.