Cara Memasang Animasi Loading Blogger

Cara Memasang Animasi Loading Blogger

HobbyTekno - Anda ingin blog anda terlihat keren? Salah satu cara yang anda bisa lakukan adalah dengan menambahkan Animasi Loading pada blog anda. Dengan begitu blog anda akan terlihat lebih keren dan Professional. Yup, langsung saja berikut langkah-langkahnya.

Langkah-Langkah Memasang Animasi Loading Blogger


1. Pertama, Masuk ke Dashboard Blogger anda.

2. Lalu masuk ke Menu Tema lalu Edit HTML

3. Cari kode ]]></b:skin> atau </style> gunakan Shortcut CTRL+F untuk menampilkan box pencarian.

4. Setelah itu salin script css dibawah ini lalu paste diatas bagian ]]</b:skin> atau di atas kode </style>
/* Animasi Loading Blogger by HobbyTekno */
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url(&#39;http://fc04.deviantart.net/fs70/f/2013/094/8/d/loading_logofinal_by_zegerdon-d60eb1v.gif&#39;) no-repeat 50% 50%;padding:1em 1.2em;display:none}

5.Salin kode jQuery dibawah ini, lalu Paste diatas kode </body>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>
6. Langkah terakhir klik Simpan Template

Note : Kode yang ditebalkan pada No.4 adalah URL atau alamat GIF Loading anda.

Sekian Cara Memasang Animasi Loading Blogger, semoga postingan Admin kali ini bermanfaat untuk anda. Jika ada kendala tanyakan saja pada komentar

No comments for "Cara Memasang Animasi Loading Blogger"