Pages

loading efek ketika memuat/membuat halaman blog

type='html'>Tutorial selanjutnya adalah membuat efek loading ketika memuat/membuat halaman blog. Efek ini cukup keren, karena sambil menunggu halaman blog semuanya terload, maka efek ini akan muncul. Sehingga pengunjung tidak menjadi bosan. Ya begitu lah..

Bagi yang belum mengetahui efek ini, silakan klik salah atu link yang ada di blog ini, maka eek itu pun akan muncul.

Bagaimana cara membuat efek tersebut?

  • Masuk ke mode Template > Edit HTML. Cari kode ]]>
  • Letakkan kode dibawah ini tepat di atas kode ]]>
/* LOADING  EFEK */
#page-loader{
position:fixed;
top:0;
left:0;
background-color:#000;
z-index:9999;
text-align:center;
width:100%;
height:100%;
padding-top:200px;
font-size:25px;
color:#fff;
display:none;
}
/* LOADING  EFEK */

Anda bisa merubah kode CSS ini, agar tampilannya lebih menarik lagi

  • Kemudian cari kode
  • Letakkan kode di bawah tepat di atas kode  

disini kamu letakkan sesuatu entah gambar atau tulisan atau apalah


Untuk kata-katanya bisa diganti, sesuai kebutuhan.

  • Cari lagi kode
  • Masukkan kode di bawah ini, tepat di atas kode  

PENTING!
Jika belum memasang JQuery di blog, pasang dulu yah. Caranya letakkan kode di bawah ini diatas kode