Cara Membuat Efek Animasi Loading Keren Di Blog Anda - Endo Sadewa

Cara Membuat Efek Animasi Loading Keren Di Blog Anda

Cara Membuat Efek Animasi Loading Keren Di Blog. Blogger seringkali mencari cara untuk memperbaiki tampilan blognya. Hal tersebut betujuan agar blog yang ia punyai mempunyai suatu tampilan unik dan bisa dihafal oleh pengunjung setianya. Salah satu cara untuk membuat tampilan blog lebih baik dan unik adalah dengan cara membuat efek animasi loading bagus di websitenya.


Nah seperti biasanya sadewa.id akan memberikan tutorial yang mudah-mudah saya untuk para pegiat blog. silahkan disimak baik-baik ya caranya.

Cara Menambahkan Efek Loading Di Blog :

1. Masuk ke Dashboard Blogger dan masuk ke menu Theme lalu klik Edit HTML



2. Kemudian cari kode ]]</b:skin> atau </style> gunakan Ctrl+F untuk memudahkan pencarian



3. Setelah itu masukkan script berikut tepat diatas kode ]]</b:skin> atau </style> :

#cssload {background:url(http://2.bp.blogspot.com/-gwEckHVvyvM/VnbiQdPPZSI/AAAAAAAADcE/wwKnP62ARpc/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}


4. Kemudian cari lagi kode <body> gunakan Ctrl+F juga agar cepat




5. Selanjutnya masukkan script berikut tepat dibawah kode <body> :

<div id='cssload'/>

6. Kemudian cari lagi kode </body> biasanya paling bawah html blog



7. Lalu masukkan script jquery berikut tepat diatas kode </body> :

<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

Jika sudah sobat bisa klik Simpan template.. Selesai dan lihat hasilnya





Kalian ingin mendapatkan update info paling terbaru dari kami?
Silahkan isi email anda di Kolom Subscribe ya

Selamat mencoba :)

0 Response to "Cara Membuat Efek Animasi Loading Keren Di Blog Anda"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel