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> :
4. Kemudian cari lagi kode <body> gunakan Ctrl+F juga agar cepat
5. Selanjutnya masukkan script berikut tepat dibawah kode <body> :
6. Kemudian cari lagi kode </body> biasanya paling bawah html blog
7. Lalu masukkan script jquery berikut tepat diatas kode </body> :
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 :)
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
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'/>
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 :)
Posting Komentar untuk "Cara Membuat Efek Animasi Loading Keren Di Blog Anda"