Skip to content Skip to sidebar Skip to footer

Membuat Tampilan Maintenance Mode Dengan CSS

Halo Sobat blog kita, di kesempatan kali ini admin mau berbagi artikel berjudul Membuat Tampilan Maintenance Mode Dengan CSS, kami sudah membuat artikel dengan baik, yang berkualitas dan bermanfaat untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan tentang Blogger, CSS, Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Saya pernah melihat sebuah blog atau website yang sedang memperbaiki tampilan atau struktur dari template tersebut, hal hasil tampilan web/blog tersebut menjadi acak-acakan tanpa teratur. Maka dari itu saya akan membagikan cara membuat tampilan website/blog menjadi maintenance mode.

Baca juga : Cara Membuat Text Warna Menjadi Gradient Dengan CSS

Ada baiknya bila Anda sedang memperbaiki atau menambah beberapa fitur pada disain atau tampilan web Anda, Anda mengubah tampilan web Anda dengan mode maintenance, karna dapat berdampak buruk untuk Anda. Karna jika ada seseorang pengunjung dan Anda sedang memperbaiki blog Anda pada saat itu, otomatis tampilan blog tidak terartur, dan pengunjung tidak akan bertahan lama di blog Anda. Tutorial ini saya dapatkan dari sebuah blog yang membagikan tentang tutorial yaitu Kompi Ajaib.

Membuat Mode Maintenance Mode Dengan CSS

  1. Silakan Login ke Blogger
  2. Pilih Tema > Edit HTML
  3. Silakan Anda cari kode </head> atau head/ atau yang lainnya
  4. Dan taruh kode di bawah ini tepat di atas kode tersebut.
<style type='text/css'>

/*<![CDATA[*/

html:after {

  content: "";

  background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Fj1XxWvR4sC15kVyn7-yIxoxfRcubndLEa0ToxypK9F3UvbzPowVVmbSIYwL9AB1h5CoOOL0x8b_YlD9HZCMgAKBo06YKdxgbSXKEEMZL1urDzTYQhIo1xICk37r6EyD15TgkjxgwdIJ/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>

Anda bisa juga mengganti tampilan gambar, ganti tulisan yang di warnai dengan url gambar selera Anda.

Dan jika Anda sudah melakukan modifikasi pada web/blog Anda, silakan Anda hapus kode tersebut dari template Anda, maka otomatis kode tersebut akan hilang :D.
Baca Juga


Demikianlah Artikel: Membuat Tampilan Maintenance Mode Dengan CSS
kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Tampilan Maintenance Mode Dengan CSS dengan alamat link https://blog-kita-semuaa.blogspot.com/2017/09/membuat-tampilan-maintenance-mode.html

Artikel Lainnya

Post a Comment for "Membuat Tampilan Maintenance Mode Dengan CSS"