Fungsi dari cara ini merupakan memberikan efek loading seperti roda berputar pada saat halaman blog di buka. Sistem kerja dari blog ini akan berjalan dan berhenti secara otomatis, Untuk lebih jelasnya silahkan perhatikan gambar di bawah ini. Bagi sobat yang ingin memasangnya di blog sobat, silahkan ikuti langkah-langkah di bawah ini.
Cara Membuat Efek Loading Keren di Blog
1. Seperti biasa, pertama silahkan sobat masuk ke dalam blogger sobat.2. Selanjutnya silahkan sobat masuk pada menu HTML--> Edit HTML.
3. Setelah halaman edit HTML terbuka, silahkan sobat cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat di atas kode tersebut.
#cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbiebBbf94ThgctN449TzaJfVuMgWI4s8DBmLjxAaz29yshmyBEl5PIwNMoi4xMLRh6URpfjNdgKKkk1TNVL6YndX5dJz8DJhxFA0Z7hZkWEbVDKA8OPpw5WGl9RpQWrZHkbt0SQkWhKf7/s1600/1load.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, silahkan cari kode <body> , dan letakkan kode di bawah ini tepat di bawah kode tersebut.
<div id='cssload'/>
5. Selanjutnya silahkan cari kode </body> dan letakkan kode di bawah ini tepat di atas kode tesebut.
<script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>
6. Terakhir silahkan simpan template sobat dan silahkan lihat hasilnya dengan membuka halaman blog sobat.
Demikian tutorial kali ini mengenai cara memaang efek loading saat loading blog. Apabila sobat masih kebingungan dengan cara di atas, silahkan sobat meninggalkan komentar pada kotak komentar. Terimakasih telah mengunjungi halaman ini. Happy blogging :)
Share This :
0 komentar