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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZz_g_7QTJe1hNocMwxn9opN-ufQDAJrwOu0o56bx-C8JoEDa8Hvo6-kdWDhNCwZNRDf5-85WAl95dcYwGd1gl9Hko5yp7J6Lw2Nn8edyclo0qhdeI9lGHya_f4HAzer3ImbuM9idmvc/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0vyQZvE9IOsJlunfHhtGKIzSSlPGhxtK4N4pE7eLlE0_nw5eHBrEk6G1HuOiEpfVkqjCfhX_dVC4Wqcp7C2ys61FlYYRZrH7SnOg0P1jOlOKRxQFsGTbpz16qbiIFZsKneIINaSrTkg/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 :
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvZz_g_7QTJe1hNocMwxn9opN-ufQDAJrwOu0o56bx-C8JoEDa8Hvo6-kdWDhNCwZNRDf5-85WAl95dcYwGd1gl9Hko5yp7J6Lw2Nn8edyclo0qhdeI9lGHya_f4HAzer3ImbuM9idmvc/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0vyQZvE9IOsJlunfHhtGKIzSSlPGhxtK4N4pE7eLlE0_nw5eHBrEk6G1HuOiEpfVkqjCfhX_dVC4Wqcp7C2ys61FlYYRZrH7SnOg0P1jOlOKRxQFsGTbpz16qbiIFZsKneIINaSrTkg/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>
<div id='UTloader'>Please Wait...</div></div>
6. Privew dl, jika tdk terjadi kesalahan, baru Simpan template... ;)
Selamat Mencoba!!
sumber
Selamat Mencoba!!
sumber
:K3
ReplyDelete