Cara membuat Efek Loading Blogger Keren Banget

Animasi loading dibuat biar website atau blog terlihat keren dan lebih profesional. Cara kerjanya ini sangat sederhana banget yaitu animasi loading akan muncul ketika ada pengunjung yang datang/membuka blog kamu disaat proses memuat halaman dan akan berhenti secara otomatis ketika halaman anda tersebut sepenuhnya dimuat oleh pembaca/visitor.

Efek animasi ini sangat sederhana dan simple jadi gak bakal membuat blog menjadi berat beban, tampilannya yang sederhana dapat membuat blog kamu menjadi SEO Friendly.

Jika kamu pengen menerapkannya di blog kamu agar terlihat profesional silahkan ikuti langkah-langkah yang Mimin berikan dibawah ini.

1. Buka Blogger. Pilih Tema > Edit HTML, tambahkan CSS dibawah ini tepat diatas kode
]]></b:skin> atau </style>


/* CSS Loader by Dirukana */
#cssload-diru {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhF6HFEt6DATVEkg-1HsOAJalknHlhXwZHtm792Gn_KVESVun4cZuJ_96zgzoNBUNMnBlaS91Uen_S39c6CstnZWmyWGHjBLKWbQvHa4FwcDgPi72p7VSy42KZKNYq5k3RDod_dhg-gA/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;}

2. Lalu tambahkan kode berikut ini tepat dibawah kode <body>

<div id='cssload-diru'/>

3. Selanjutnya, tambahkan Javascript dibawah ini tepat diatas kode </body>

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

4. Terakhir, klik Simpan Tema dan lihat hasilnya.
Jika animasi loading tidak bisa muncul coba perhatikan penempatan kode atau ada kode yang tertinggal atau bisa cek demonya dibawah.

Demo Click here Download Click here

Cara membuat Efek Loading Blogger Keren Banget

Belum ada Komentar untuk "Cara membuat Efek Loading Blogger Keren Banget"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel