Membuat Animasi Booting Untuk Blog
Assalamu'alaikum. Wr. Wb.
Pada malam ini saya ingin share sebuah tips blogging yang bisa kita gunakan untuk membuat animasi booting sebuah blog agar terlihat lebih menarik. Jadi tidak hanya komputer saja yang bisa memiliki animasi saat booting.. Hehe
Mungkin masih ada di antara sobat semua yang masih belum mengetahui trik yang satu ini. Untuk itu saya mencoba untuk membagikannya kepada sobat-sobat semua yang mungkin ingin mencobanya.
Oke, kita langsung saja ke langkah pembuatannya.
Pertama, silahkan sobat masuk ke akun blog sobat masing-masing.
Kedua, tambahkan kode berikut di atas kode </head>.
<!-- Loading Page Script – drope25 – http://drope25.blogspot.com -->
<style type="text/css">
/* add loading image */
body {
background:#000000 url(http://3.bp.blogspot.com/-hNO-UGQ_Kp4/T2T6WDUZLbI/AAAAAAAABg8/gWu-K9jcYdg/s1600/loading_thumb%5B1%5D.gif) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:#000 url()");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>
Ketiga, setelah sobat melakukan langkah kedua, silahkan sobat tambahkan kode <div id="page"> di bawah kode <body>.
Keempat, tambah pula kode </div> di atas kode </body> kemudian simpan hasil editan sobat tersebut dan silahkan lihat hasilnya.
Selamat mencoba ya sobat.
Wassalam.
Post by :ruki-zone.com
Tidak ada komentar:
Posting Komentar
Terima Kasih Atas Kunjungan Anda
Saya sendiri mengurus Blog ini dan say tidak online 24 jam,mohon maaf bila komentar anda tidak di balas.
Sempatkan untuk Berkomentar dahulu sebelum meninggalkan Blog ini
NO SARA/SPAM