Site Maintenance

Diposting oleh rizalfauzan's blog di 06.36
Site Down for Maintenance

Eitss.. tenang saja, ini bukan pemberitahuan bahwa blog ini mengalami “Site Down for Maintenance”, melainkan hanya sharing bagaimana membuat blog dengan tampilan seakan-akan mengalami “Site Down”.

Ini hanya permainan CSS dengan penambahan gambar saja. Untuk melihat tampilan lebih jelas, silahkan lihat demo dibawah.


Berikut tutorial cara membuat tampilan site maintenance
1. Masuk ke "Rancangan - Edit HTML"
2. Tambahkan code berikut diatas kode ]]></b:skin>:
html {
  height: 100%;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizgcrEh_b9k2ChfOS8IoDIKPDa5Y-7aoL20aX7nakA_tBxtsMNN3Ef6MPcDNlBIimkpsPkc6j7ApUo_qlHlqW4g9PB18xRdD6Rk6r3ahgyIjt-SYujNcYV1a3SeQkUDL4sF6FDNrXtIgA/s320/under+construction.jpg) no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}
¶ Catatan: Anda dapat mengganti gambar tersebut sesuai selera.
3. Simpan template.
Kesimpulan
Ini adalah cara yang cepat untuk membuat tampilan pesan site down. Kelemahan dari teknik ini adalah bahwa untuk orang yang mendisable gambar dan css, ini tidak akan bekerja dengan baik.

Sumber gambar: iStockphoto.com
Label: ,