memunculkan animasi loading status blog

Tips trick blog kebanggaan para blogger kini mengungkap cara memunculkan animasi loading status blog di blogger anda bagaimana cara membuat dan memunculkan animasi loading status blog agar terlihat di layar blog kita...??

kita cukup menyimak langkah-langkah berikut

1.Buatlah salah satu animasi preloader, kamu bisa membuatnya pada salah satu alamat di Preloader atau kalian bisa mencarinya di Ajaxload,

2.Silahkan buka notepad kamu, kemudian simpan kode file di bawah dengan nama preloader.js (pastikan nama file berakhiran JS, bukan TXT)

var ld=(document.all);var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}

3.Kalau sudah di save upload file preloader.js ke hosting kamu, kalau kamu masih binggung atau malas dengan semua ini pake saja file JS punya saya.

http://code.google.com/p/bogizt/downloads/detail?name=preloader.js

Kemudian ikuti langkah berikut ini :

1. Silahkan masuk dulu di Blogger.
2. Kemudian masuk halaman Edit HTML.
3. centang Expand Template Widgets.
4. Cari kode tag <body> dan ganti kode tag <body> tersebut dengan kode dibawah ini:

<body onLoad='init()'><div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src=''http://i52.tinypic.com/rvll48.gif' ?imgmax=800'/></div> <script src='http://bogizt.googlecode.com/files/preloader.js ' type='text/javascript'/>

keterangan code Url yang berwarna merah kamu ganti dengan url tempat penyimpanan gambar kamu

Untuk mengubah penempatan animasi loading status blog kamu, silahkan atur sendiri pada kode text-align:center (silahkan bermain saja dengan kode center, coba ganti dengan left, right, top atau bottom). Sebenarnya masih banyak trik lainnya, silahkan dikembangkan sendiri ya.

Kalau tips yang satu ini juga bisa,mudah dan praktis tp juga tetap sama penempatan scripsnya:

Cara Pasang di blogger:
Masuk blog-> tata letak-> EditHTML-> Centang Expand Widget Template.
lalu cari kode jika sudah ketemu ganti code dengan kode di bawah ini:

<body onLoad='init()'>
<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src=http://i52.tinypic.com/rvll48.gif '/></div>

<script src='http://bogizt.googlecode.com/files/preloader.js ' type='text/javascript'/>

Keterangan:
Lihat scrips diatas yang bercetak tebal berwarna hijau ganti dengan image atau animasi url tempat penyipanan file kamu.

Dan ini persembahan dari para blogger sejati yang tidak segan menyumbangkanURL image mereka:

>animasi1
>animasi2
>animasi3
>animasi4
>animasi5
>animasi6
>animasi7
>animasi8
>animasi9
>animasi10

selamat mencoba di tips trick blog kebangaan para blogger sejati...
wasalam....

Tips trick blog

Monday

memunculkan animasi loading status blog

3 comments: