KAWAH PAPANDAYAN

Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog

UNDER CONSTRUCTION

Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog - Pada kesempatan kali ini sundaboy mau mencoba membuat sebuah postingan untuk keperluan diri pribadi, Bagaimana Cara Membuat Tampilan sebuah Blog yang sedang di perbaiki atau sedang di revisi content yang ada didalamnya maupun tampilannya tidak akan tampil, tetapi akan di gantikan dengan tampilan sebuah gambar UNDER CONSTRUCTION, dengan artian pada saat kita memperbaiki sebuah blog maka pengunjung tidak akan melihat isi content atau tampilan blog yang sesungguhnya tetapi akan digantikan dengan gambar yang kita buat sendiri. Ini dilakukan supaya tidak mengganggu kenyamanan pengunjung pada saat mereka sedang menikmati atau membaca isi content pada sebuah blog. Mungkin diantara sahabat juga sering melihat sebuah halaman blog maupun website yang sedang diperbaiki dengan hanya menampilkan sebuah gambar atau kata kata seperti "Page Coming Soon" atau "this page UNDER CONSTRUCTION". Nah tutorial kali ini kurang lebih akan menjelaskan Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog sesuai dengan yang saya maksud diatas

Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog - Baiklah langsung saja kepada pokok bahasan. kita akan melakukan sedikit edit html. atau kita hanya memasukan sedikit script kode html kedalam template.

Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog :
1. Login dulu ke blog milik sahabat
2. Lalu masuk ke Area template
3. Selanjutnya sahabat bisa mencari kode ]]></b:skin> pada template sahabat
4. Setelah ketemu silahkan sahabat masukan kode script untuk menampilkan gambar Under Construction pada seluruh halaman blog milik sahabat
5. Kode scriptnya diletakan tepat diatas kode ]]></b:skin>

Berikut Kode yang harus sahabat masukan
html {
height: 100%;
background: url(http://1.bp.blogspot.com/-pnxGkOQqdcU/UlDeIyGoXWI/AAAAAAAACwg/73pMejWVDWc/s320/under-contraction-1.gif) no-repeat center 50%;
margin: 0;
}
body {
display: none;
}

Keterangan :
height : 100% = untuk menampilkan satu halaman penuh
url gambar yang berwarna merah bisa sahabat ganti dengan gambar milik sahabat 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 sahabat dan hasilnya blog sahabat akan diganti dengan tampilan gambar UNDER CONSTRUCTION.

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

Sekian dan terimakasih.
mudah mudahan tutorial Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog dapat bermanfaat untuk kita semua.

Ditulis Oleh : Yudus | Media Sharing Sundaboy

Sahabat sedang membaca tulisan Cara Membuat Tampilan UNDER CONSTRUCTION Pada Blog. Yang ditulis oleh sundaboy Grt. Apabila sahabat ingin menyebar luaskan artikel ini untuk kepentingan umum, dimohon untuk menyertakan Link sumber dibawah ini. Untuk Kritik dan sarannya sahabat bisa mengirimkan pada kotak komentar dibawah, atau melalui email sundaboy88@gmail.com. tengkyu

9 komentar:

  1. Mantap gan, tips yg sangat bermanfaat.. Nnti sya coba deh

    BalasHapus
  2. oh begitu gan, terimakasih banyak, bener bener membantu saya dalam mengerjakan sebuah blog.

    BalasHapus
  3. mantap gan..kalau tampilan dihalaman tertentu saja, bagaimana gan ? berkunjung kembali salingindonesia.blogspot.com

    BalasHapus
  4. Ini juga berlaku untuk membuat tampilan halaman pengalihan..tinggal ditambah script pengalihannya di header

    BalasHapus
  5. kk saya baru menjadi pendatang,mohon beri penilaian untuk saya di website ini:
    "Website Samudra"
    Pada table komentar,terima kasih.

    BalasHapus
  6. 100% working gan, makasih banyak ya.

    BalasHapus
  7. makasih bro..langsung 100% working

    BalasHapus
  8. terima kasih telah berbagi Mas, senang sekali rasanya membaca tulisan2 di blog ini, jadi tambah wawasan.. semoga selalu di beri kesehatan dan sukses selalu..
    Tempat Kursus website, SEO, Desain Grafis Favorit 2015 di jakarta

    BalasHapus

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================