-->

cara membuat animasi loading pada blog

ok mari kita bahas cara pembuatannya. Ikuti langkah berikut ini.

1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Lalu Cari Kode ]]></b:skin> , Lalu letakkan Kode Berikut diatasnya.


#UTload {
position:fixed;
z-index:50;
top:0;left:0;
width:100%;
height:100%;
line-height:350px;
text-align:center;
font-size:400%;font-family:century gothic;
color:#FFF;text-shadow:0px 0px 2px #FF8519, 0px 0px 5px #FF8519, 0px 0px 8px #FF8519;text-decoration:blink;
background:#000 url(http://3.bp.blogspot.com/-nVoHugxmv8M/Tsbe9rUhrzI/AAAAAAAAAJc/4m0cTSG0Yx4/s200/bleach+2.png) no-repeat top right;background-size:20%;
}
.v1 #UTload {
display:none
}
#UTprogress-bar {
position:absolute;
bottom:2%;left:0;background:#FF8519;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity:80;
width:0;
height:12px
}
#UTloader {
background:url(http://4.bp.blogspot.com/-C2rGBc3pqFs/TsbgmRJvG5I/AAAAAAAAAK0/2H16XPK0Cz0/s1600/bleach+13.png) no-repeat left bottom;
height:90%;
display:block;
}

4. Selanjutnya Letakkan Kode Berikut diatas kode </head> .

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://ut2a-4down-blogspot-com.googlecode.com/files/utta_animasiloading.js" type="text/javascript"></script>



5.Lalu cari kode <body> , dan letakkan kode berikut tepat dibawahnya :


<div id='UTload'><div id='UTprogress-bar'></div>
<div id='UTloader'>Please Wait...</div></div>

6. Privew dl, jika tdk terjadi kesalahan, baru Simpan template... ;)

Selamat Mencoba!!


 sumber

1 comment:

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".

Sebelumnya vito minta maaf yg sebesar"nya jika komentar anda belum sempat dibales. ^^

Followers

Lagi Naik Daun