Membuat Animasi Loading di Blog

Membuat Animasi Loading di Blog - Rata-rata para Blogger sekarang sudah banyak yang menggunakan Animasi Loading agar terlihat bagus. Animasi Loading adalah dimana saat blog kita sedang menuju ke halaman Posting/URL lain maka disitulah terlihat Animasi Loading yang sedang berputar sampai Loading blog selesai. Dan kali ini saya akan memberi cara untuk Membuat Animasi Loading di Blog.

Langkah-langkah untuk Membuat Animasi Loading di Blog.

Login ke blogger.com
Pilih Rancangan / Template, kemudian Edit HTML
Cari kode ]]></b:skin> Jika sudah ketemu lalu letakan kode berikut diatas kode ]]></b:skin>
<style type="text/css">
#loadhalaman {
position: fixed;
opacity: 0.93;
top: 0;
left: 0;
background-color: #000;
z-index: 9999;
text-align: center;
width: 100%;
height: 100%;
padding-top: 20%;
color: #000;
display: none;
}

.loadball {
background-color: transparent;
border: 5px solid #00a3ff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 35px #00a3ff;
width: 50px;
height: 50px;
margin: 0 auto;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite linear;
}

.loadball-2 {
background-color: transparent;
border: 5px solid #00a3ff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 15px #00a3ff;
width: 30px;
height: 30px;
margin: 0 auto;
position: relative;
top: -50px;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
0% {
-moz-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px#00a3ff;
}

50% {
-moz-transform: rotate(145deg);
opacity: 1;
}

100% {
-moz-transform: rotate(-320deg);
opacity: 0;
};
}

@-moz-keyframes spinoffPulse {
0% {
-moz-transform: rotate(0deg);
}

100% {
-moz-transform: rotate(360deg);
};
}

@-webkit-keyframes spinPulse {
0% {
-webkit-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px#00a3ff;
}

50% {
-webkit-transform: rotate(145deg);
opacity: 1;
}

100% {
-webkit-transform: rotate(-320deg);
opacity: 0;
};
}

@-webkit-keyframes spinoffPulse {
0% {
-webkit-transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
};
}
</style>
Jika sudah, Pasang JQuery Terbaru
Caranya cari kode </head> lalu letakan kode JQuery 1.8.3 di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Langkah Terakhir, Cari kode </body> lalu letakan kode berikut diatas kode </body>
<div id='loadhalaman'>
<div class='loadball'/>
<div class='loadball-2'/>
</div>
<script type='text/javascript'>
$(function () {
var siteURL = &quot;http://&quot; + top.location.host.toString();
var $internalLinks = $(&quot;a[href^=&#039;&quot; + siteURL + &quot;&#039;], a[href^=&#039;/&#039;], a[href^=&#039;./&#039;], a[href^=&#039;../&#039;]&quot;);
$internalLinks.click(function () {
$(&#039;#loadhalaman&#039;).fadeIn(1500).delay(6000).fadeOut(1000);
});
$(&#039;#loadhalaman&#039;).click(function () {
$(this).hide();
});
});
</script>
Kalau semuanya sudah diterapkan dengan benar langsung saja Save Template/Simpan Template.
Jika masih ada yang ingin ditanyakan silahkan berkomentar dikolom komentar yang sudah disediakan.

Sekian dari saya, Semoga artikel ini bermanfaat.
Previous
Next Post »

2 komentar

Click here for komentar
Nina Tun
admin
Kamis, Mei 18, 2017 1:57:00 PM ×

Hanya modal 10 ribu bisa mendapatkan JUTAAN
Silahkan kunjungi www.pokerayam.co
Minimal Deposit 10.000
Minimal Penarikan dana 25.000
Dan dapatkan Jackpot Ratusan Juta Rupiah
Bonus Cashback Turn Over 0,5% Setiap minggu
Dapat Bermain Pada ANDROID DAN IOS
Pelayanan 24 jam Tanpa Batas
Bisa juga hubungi , info :
BBM : D8E5205A

Reply
avatar
Selasa, Februari 27, 2018 5:55:00 PM ×

https://lautan4d.blogspot.com/2018/02/togel-terpercaya-dan-teraman-web-togel.html

www.lautan4d.blogspot.com

MARI SOBAT KITA BERMAIN DISITUS TOGEL ONLINE TERPERCAYA,TERPOPULER DAN TERAMAN MILIK LAUTAND. DAN KALIAN YANG BELUM MENGGERTI APA ARTI ITU TOGEL ? TOGEL MERUPAKAN SEJENIS PERMAINAN JUDI.TETAPI,TOGEL BERBEDA DENGAN JUDI-JUDI LAINNYA,JIKA JENIS JUDI LAINNYA MENGGUNAKAN KARTU POKER ATAU KARTU DOMINO,TOGEL CUMA JUDI UNTUK MENEBAK ANGKA YANG AKAN RESULT NANTINYA,TOGEL HANYA MEMERLUKAN FELLING DANA TEKNIK MEMAINKANNYA DAN MEMBUTUHKAN NALURI DAN HOKI JIKA BERUNTUNG MAKA ANDA AKAN MENANG,KARENA TOGEL SANGAT MUDAH, DAN SEKARANG TOGEL JUGA BANYAK DIMINATI MASYRAKAT INDONESIA, DAN TOGEL SEKARANG SUDAH JUGA ADA YANG ONLINEE DAN TANPA HARUS KITA BERSUSAH PAYAH UNTUK MEMBETINGNYA

MARI BERMAIN DAN MENDAFTAR DI SITUS TOGEL, AGEN TOGEL ONLINE TERPERCAYA DAN TERBAIK SEINDONESIA

ATAS KECANGGIHAN MEDIA DAN INTERNET,SEKARANG SEMAKIN BANYAK AGEN TOGEL ONLINE DI INTERNET YANG MEMPUNYAI BERAGAM-RAGAM JENIS BANDAR ONLINE ,BANDAR TOGEL TERAMAN, DAN KITA HANYA PERLU MENTRANSFER MEELALUI LEWAT BANK/MBKING DAN MELAKUKAN DEPOSIT DAN HANYA TINGGAL DUDUK DIDEPAN MONITOR KOMPUTER ANDA UNTUK MEMBETTING ANGKA JITU ANDA TERSEBUT

SEKARANG MEMANG SUDAH BANYAK TOGEL ONLINE YANG MENYEDIAKAN BANDAR TOGEL DAN TOGEL ONLINE,TETAPI,MASI BANYAK SITUS TOGEL YANGMASI BELUM CUKUP AMAN DAN BISA DIPERCAYAI OLEH KARENA ITU KITA HARUS SELALU BERHATI-HATI DALAM MEMILIH SITUS TOGEL ONLINE YANG DIPERCAYAI DAN AMAN UNTUK KITA BETTINGAN MESKIPUN HANYA DALAM BETTINGAN KECIL

SEGERA DAFTARKAN DAN MAINKAN DI SITUS TOGEL TERPERCAYA DAN TERAMAN DIRI ANDA DISINI

BETTING DAN MAINKAN ANGKA JITU ANDA SEGERA DI SITUS TOGEL LAUTAN4D,AGEN TOGEL TERAMAN INI, BINGUNG CARA DAFTAR DISITUS LAUTAN4D ? MENDAFTAR TIDAK SULIT,ANDA HANYA MEMERLUKAN NAMA REKENING BANK AKTIF DAN EMAIL ANDA,KARENA EMAIL SANGATLAH PENTING DALAM KOMUNIKASI DARI BANDAR TOGEL ONLINE,DAN ANDA HANYA PERLU WAKTU 1MENIT UNTUK DAFTAR DILAUTAN4D.SETELAH ANDA MELAKUKAN PENDAFTARAN DISITUS KAMI,ANDA PERLU MELALUKAN DEPOSIT AWAL YAITU 20.000 DEPOSIT 20.000 ADALAH MODAL AWAL UNTUK MELAKUKAN PERMAINAN TOGEL YANG AKAN ANDA MAINKAN DISINI .
DAN SITUS INI TIDAK AKAN PERNAH MENGECEWAKAN PELANGGAN SITUS INI,APALAGI UNTUK MENIPU,LAUTAN4D ADLAH SITUS TOGEL ONLINE YANG TERPOPULER DAN TERAMAN,JIKA ANDA MASI TIDAK PERCAYA COBA DAFTARKAN DIRI ANDA DISITUS INI DAN ANDA TINGGAL MAINKAN ANGKA HOKI ANDA DISITUS KAMI,TUNGGU APA LAGI ? AYO DAFTARKAN DIRI ANDA DISITUS TOGEL ONLINE TERPOPULER DAN TERPERCAYA DI LAUTAN4D.COM SITSU AGEN TOGEL TERPERCAYA DAN TERAMAN

Reply
avatar