Ads Kiri Khusus Desktop

Membuat Efek Animasi Loading Pada Blog

Generating Link...

Membuat Efek Animasi Loading Blog - kita sebagai pengguna blog tentunya ingin blog yang kita miliki terlihat bagus sehingga membuat pengunjung blog kita terasa betah berlama - lama berada di blog yang kita miliki, Efek Loading Blog ini merupakan salah satu desain yang menurut saya dapat menjadi solusi sekaligus mempercantik tampilan blog sobat. Efek animasi ini akan muncul setiap kali halaman blog sobat dibuka. bisa dibilang ini efek preloading untuk blog sobat.


Membuat Efek Animasi Preloading Blog di Blogger.

sobat bisa mengikuti langkah-langkah dibawah ini:
  1. Masuk ke akun Blogger
  2. Pilih Template > Edit HTML
  3. Tambahkan Jquery Di bawah ini atas kode </head>
  4. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> 

    NB : Jika Di Blog Sobat Sudah tertanam Jquery Sebaiknya lw\ewatkan saja langkah ini, di karenakan di blog hanya boleh ada satu jquery :D 
     4. Cari kode </body> dan paste kode berikut tepat diatasnya, lalu simpan template
 <style>
#Hot-News01-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url('https://3.bp.blogspot.com/-sW166HTPK4U/UY2kVNdjsFI/AAAAAAAAEHk/fIO-B-mOeCE/s200/load6.gif') no-repeat 50% 30%;
color: #FFF;
display: none;
font: 0/0 a;
text-shadow: none;
padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="Hot-News01-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#Hot-News01-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

Selesai. sekarang simpan template sobat dan lihat kembali blog sobat, Efek Animasi Pada Blog sobat sudah berhasil di pasang. semoga bermanfaat ya. trimakasih
  • What is Linku?

    safelinku is the security website link or shortener url, you can make your own short link on Linku.ml for free

  • What is Shortener url?

    As the name implies, shortlink or is a short link. Usually these shortlinks are provided by most advertising-based companies, such as Linku.ml and much more. Shortlink own point to shorten a link or url, be it a download link or url to a particular website. For what? of course for easy to remember. For example, I have a link "http: //site*.com/profile.php? HGgyawewihjassd", now I ask, are you easy to memorize the url? there is a once read already memorized and also there are many times read not memorized. Now I try to shorten the url into Linku.ml/iuYS which is shorter and easier to know even though it is a bit complicated, you can customize the shortened url Shortlink or url shortener is very easy to use by its users, because you do not spend a bit, even you who get money.

Ads Kanan Khusus Desktop