Cara Membuat Tampilan Blog/Web Maintenance atau sedang di perbaiki

Cara Mudah Membuat Tampilan Blog/Web Maintenance. Yups, kali ini ::Blogging Is My Life:: akan share mengenai Cara Mudah Membuat Tampilan Blog/Web Maintenance. Cara ini bisa sobat pakai bila sobat ingin membuat tampilan maintenance pada blog/web sobat.

Cara ini hanya menggunakan trik CSS dengan penambahan gambar saja kok. Tapi trik ini bisa membuat blog/web sobat seakan-akan seperti sedang maintenance.



Yups ok mari kita langsung aja pada langkah" Cara Mudah Membuat Tampilan Blog/Web Maintenance :
1. login blog
2. buka rancangan >> edit HTML
3. taruh kode dibawah ini diatas kode ]]></b:skin>

html {
  height: 100%;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ZTWKu3Q_Zg-SptIS3z0aXnbAM_M3jVNIslmVPk82-wkvJOJDokgyrPt21j6MQSf3pZ-J1HI6IEEUZ-BOYA2-U97-WPG_ekk7HMnZNF1ByQ-_mHnONfhKEch2xwAJbthGG_2MnpUvn2Q/s1600/under-maintenance.gif) no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}

4. sobat bisa mengganti tulisan yang berwarna merah dengan alamat gambar yang lain.

Selamat mencoba sob ^_^




 
 Sumber : http://vikrymadz.blogspot.com

ref :  http://tanpa-isi.blogspot.com

Cara Memberi Screen Loading Pada Blogger

Screen Loading bisa dibilang Menunggu atau memproses layar yang meliputi blog Anda sampai semua konten yang dimuat selesai, yang berarti bahwa pengunjung Anda tidak akan melihat pemuatan sebenarnya dari blog Anda, pengunjung akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan, trik ini menggunakan jQuery. anda bisa melihat hasilnya sebelum memulai memasang di blog anda Demo. Tertarik, Baiklah kita akan memulai cara memasangnya.

1.  Pastikan sudah Login di Blogger.com, jika sudah klik Rancangan



2. Klik Edit Html



3. Cari kode ]]></b:skin> caranya tekan Ctrl+F. copy script CSS di bawah ini dan paste di atas ]]></b:skin>

   .QOverlay {
       background-color: #000000;
       z-index: 9999;
   }
   
   .QLoader {
       background-color: #CCCCCC;
       height: 1px;
   }
   
   .QAmt {
       color:#FF530D;
       font-size:50px;
       font-weight:bold;
       line-height:50px;
       height:50px;
       width:100px;
       margin:-60px 0 0 -50px;
   }

   Jika ingin meruba warna anda bisa mengubahnya, bagi teks berbackground warna biru untuk Backgound, warna abu-abu untuk Loading Bar, jika warna oranye unutk Angka Persen
4. Selanjutnya cari </head>, taruh kode di bawah ini di atas kode </head>
   

   <script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
   <script src='http://donor-ilmu.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

5. Berikutnya Cari </body>, taruh kode di bawah ini di atasnya kode </body>
   

   <script>
       QueryLoader.selectorPreload = &quot;body&quot;;
       QueryLoader.init();
   </script>

6. Langkah terakhir adalah menyimpan template, klik Simpan Template, sudah selesai dan coba lihat hasilnya di blog anda