• Translate

7/31/2015

Bagaimana Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog ?

Tutorial Blogspot |

Advertisement

Bagaimana Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog ? | Bagi pengguna blogger tampilan under contruction ini harus dibuat secara manual, karena blogger tidak menyediakan fasilitas under contruction bagi para blogger, misalnya sobat ingin mengubah tampilan template atau content blog sobat dan pasti ada beberapa yang rusak saat mengganti template atau content, dan agar para pengunjung tidak melihat hal ini maka kita harus membuat halaman under contruction ini agar para pengunjung tahu kalau kita sedang dalam masa maintenance.


nah, pertanyaannya Bagaimana Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog ? ikuti langkah-langkah dibawah ini :
  • Login ke Dashboard Blog Sobat.
  • Pilih Template.
  • Pilih Edit HTML
  • Cari Kode ]]></b:skin> 
  • Letakkan Script dibawah ini diatas kode ]]></b:skin> 
html {
height: 100%;
background: url(http://i1234.photobucket.com/albums/ff415/ryuuzaky007/website_under_construction.png) no-repeat center 50%;
margin: 0;
}
body {
display: none;
}
Keterangan :
height : 100% = untuk menampilkan satu halaman penuh
url gambar yang berwarna merah bisa sobat ganti dengan gambar milik sobat sendiri
no-repeat = artinya gambar tidak diulang ulang, dan akan tampil sesuai dengan ukuran gambar asli
body{display:none} = artinya seluruh isi dan tampilan blog tidak akan ditampilkan.

Nah sekarang tinggal simpan template sobat dan hasilnya blog sobat akan diganti dengan tampilan gambar UNDER CONSTRUCTION.

Apabila sobat sudah selesai memperbaiki blog milik sobat, untuk menghilangkan gambar UNDER CONSTRUCTION pada blog, silahkan sobat edit html dan hapus lagi kode script diatas.

Semoga Bermamfaat,

Disclaimer: Images, Content of articles or videos that exist on the web sometimes come from various sources of other media. Copyright is fully owned by the source. If there is a problem with this matter, you can contact us here.
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box