Custom Search

Minggu, 28 Januari 2018

Cara membuat Blog script halaman under maintenance

Website Under Maintenance
Contoh Image Website Under Maintenance
adalah sangat mudah. Bermula dari pengalaman memperbaiki template blog sendiri, saat browsing Zein BLOG menemukan page situs yang sedang maintenance / construction. Timbul pertanyaan, bagaimana cara membuat "Under Maintenance" Seperti itu?.

Sederhana saja, membuat halaman wibesite under maintenance tidak harus memiliki keahlian khusus. Cukup anda hanya perlu memahami bagian-bagian script pada html di blogspot.

Bagi para blogger master, mungkin cara membuat halaman website under maintenance ini sudah diluar kepala tapi bagi yang newbie / pemula semoga artikel ini bisa menjadi media belajar dan saling sharing dalam dunia blog.

Langkah membuat "Website / Blog Under Maintenance"

Langkah pertama yang harus anda lakukan adalah Buka Blog - Tema - Edit HTML. Salin dan cari kode ini :
]]>
(untuk memudahkan gunakan Ctrl+F pada edit HTML di blog anda) Setelah dapat salin kode berikut tepat di atas kode ]]>.

html {
height: 100%;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvhuVYIucHKzy2-xGUZqX5UiZhzQdKSPrOUJwZ1qv9KTz1N3zfOKEObxPx7EqgwI-0c3ieMnlTzSDYw00rX8_EFVeW26P_fwFzXJLaS725MGz6iVQ4Tl_n8qibkZCc__hi0O5ZjDbFQiA/s1600/zeinblog_under_maintenance.png) no-repeat center 50%;
margin: 0;
}
body {
display: none;
}

Keterangan : Untuk kode tulisan yang berwarna merah adalah url gambar website under maintenance. Anda bisa mengganti dengan gambar lain menurut selera. Bisa dicari di google, image nya ada banyak. Atau jika sudah punya gambar yang sudah diedit sendiri, anda tinggal masukkan aja urlnya.

Menjadi seperti contoh dibawah ini.


html {
height: 100%;
background: url(url_gambar_anda) no-repeat center 50%;
margin: 0;
}
body {
display: none;
}
]]>

Jika sudah, silahkan pratinjau dulu hasilnya. Jika berhasil / tidak ada kesalahan maka akan muncul gambar "website under construction" pada page blog anda.

Save Tema, selesai. Silahkan anda lihat blog, bagaimana hasilnya?

print this page 

0 komentar:

Blog: Erwin - Belajar Blog | The Template by : kendhin Website: x-template.blogspot.com| Powered By: Erwin Arianto