Cara Membuat atau Menambah EFEK Loading Di Blog

KODE ATAS
Cara Membuat atau Menambah EFEK Loading Di Blog
Cara : Membuat atau Menambah EFEK Loading Pada Blog.agar blog kita lebih keran dan lebih cantik cara agar blog Cara Membuat atau Menambah EFEK Loading Pada Blog saya kali ini akan sedikit menjelaskan cara agar blog pake EFEK Loading Pada Blog .langsung aja kita simak aja 

1 Kamu pergi blogger
2 Kemudian pilih menu Template
3 Lalu cari kode <head> mengunakan CTR+F agar memudahkan pencarian 
4 Dan kemudian letak kode di bawah  di atas kode <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.rawgit.com/Brando07/share/newbe/new-seocips-LP.js" type="text/javascript"></script>
<style>
#load-page-seocips { background-color:#00CCFF; width:100%; height:100%; position:fixed; left:0; top:0; z-index:+100000; }
.dots-container { padding:0; position:absolute; text-align:center; top:50%; width:100%; }
.dots { -webkit-animation:bounce 1.5s infinite linear; animation:bounce 1.5s infinite linear; background:#FFF; border-radius:50%; display:inline-block; height:20px; text-align:center; width:20px; }
.dots:nth-child(1) { -webkit-animation-delay:.2s; animation-delay:.2s; }
.dots:nth-child(2) { -webkit-animation-delay:.4s; animation-delay:.4s; }
.dots:nth-child(3) { -webkit-animation-delay:.6s; animation-delay:.6s; }
.dots:nth-child(4) { -webkit-animation-delay:.8s; animation-delay:.8s; }
.dots:nth-child(5) { -webkit-animation-delay:1s; animation-delay:1s; }
@-webkit-keyframes bounce {
    0% { -webkit-transform:translateY(0); } 15% { -webkit-transform:translateY(-15px); } 30% { -webkit-transform:translateY(0); }
}
@keyframes bounce {
    0% { transform:translateY(0); } 15% { transform:translateY(-15px); } 30% { transform:translateY(0); }
}
</style>

5 Selanjutnya cari kode <body> dan letakan Kode di bawah di bawah kode <body>

<div id="load-page-seocips">
<div class="dots-container">
<div class="dots">
</div>
<div class="dots">
</div>
<div class="dots">
</div>
<div class="dots">
</div>
<div class="dots">
</div>
</div>
</div>

6 Lalu jangan lupa DI save dan lihat hasilnya cukup sekian dari saya Cara Membuat atau Menambah EFEK Loading Di Blog.


KODE BAWAH
Share this article :
+
Previous
Next Post »
0 Komentar untuk "Cara Membuat atau Menambah EFEK Loading Di Blog"

Silahkan Sobat tinggalkan komentar dengan kata - kata yang Baik, Bijak dan Sopan...!!!

Yang tidak diperbolehkan dalam berkomentar :

1. Komentar yang mengandung unsur SARA.
2. Komentar yang berbau Porno.
3. Komentar Saling Caci maki.
4. Komentar yang Memasukan Link Iklan dan Ling Atip.
5. Di Lalarang Mengcopy Paste Pada Artikel Di Sini.

Saya harap Sobat dapat mematuhi aturan berkomentar yang saya buat. Jika ada komentar yang melanggar ketentuan tersebut diatas dan dianggap spam akan Saya Hapus. Atas kerjasama sobat sekalian saya ucapkan banyak Terima Kasih. Salam Sukses selalu untuk Sobat dan Salam Blogger.

Bagi Anda yang Mau di Tayakan ? Anda Bisa Anda Bisa HUB Alamat Facebook Saya (https://www.facebook.com/toturialblogcom)

Terima Kasih Sudah Berkomentar
 
Copyright © 2015 TUTORIAL - All Rights Reserved
Template By. Kunci Dunia
Back To Top