Skip to main content
JEJAK UNIK

follow us

Trik Membuat Halaman Maintenance Hanya Dengan CSS

Trik Membuat Halaman Maintenance Hanya Dengan CSS

Trik Membuat Halaman Maintenance Hanya Dengan CSS - Terakhir kali kita sudah melihat Cara Memasang Tombol Back to Top Sederhana dan Ringan dan pada kesempatan ini kita akan coba membuat halaman notifikasi maintenance pada sebuah blog.

Membuat halaman pemberitahuan perbaikan blog/maintenance tentunya sangat berguna sekali, apalagi untuk kita sebagai admin blog yang sering mengutak-atik tampilan template. Pastinya kita membutuhkan trik membuat halaman maintenance ini.

Sebab dengan kita membuat halaman ini pengunjung blog akan mengetahui jika blog kita sedang ada perbaikan. Meski terkadang jarang admin memasang notifikasi seperti ini tapi tidak ada salahnya jika kalian ingin mencobanya.

Trik Membuat Halaman Maintenance Hanya Dengan CSS

Caranya sangat mudah kita hanya menggunakan css saja dan langsung saja buat sobat blogger yang tertarik memasang halaman maintenance ini bisa meletakan kode css dibawah ini diatas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

<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>

Save template dan lihat hasilnya.

Catatan: Anda juga dapat mengganti background halaman maintenance dengan url gambar yang sobat sukai.

You Might Also Like:

Jika tertarik dengan artikel yang anda baca saat ini, berikan tanggapan melalui kolom komentar di bawah ini. Berkomentarlah yang cerdas, karena pintar saja tidak cukup.
Buka Komentar