Home / Coding / Tutorial Blogspot / Efek Loading Ala Blogger.com

Cara Cepat Efek Loading Ala Blogger.com Update Terbaru

Sedikit Info Seputar Efek Loading Ala Blogger.com Terbaru 2017 - Hay gaes kali ini team Android Media, kali ini akan membahas artikel dengan judul Efek Loading Ala Blogger.com, kami selaku Team Android Media telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Android Media. semoga isi postingan tentang Artikel Coding, Artikel Tutorial Blogspot, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Efek Loading Ala Blogger.com Terbaru
link: Efek Loading Ala Blogger.com

"jangan lupa baca juga artikel dari kami yang lain dibawah"

Berbagi Efek Loading Ala Blogger.com Terbaru dan Terlengkap 2017

Efek Loading Ala Blogger.com - Efek loading blog dimaksudkan agar blog memiliki sensasi tampilan yang berbeda pada saat visitors berkunjung. Efek loading pada blog juga dapat menambah kesan stylish sehingga dapat mempercantik tampilan blog. Untuk membuat Efek loading blog cukup mudah dan simple. Lantas bagaimana cara membuat efek loading pada blog...? Berikut langkah-langkah penerapannya pada blogspot :

Demo Effect
Demo On Blog


Efek Loading Ala Blogger.com, efek loading blog,efek loading pada blog, membuat efek loading blog, membuat efek loading pada blog

Step 1 > Login Blogger, Klik menu Template > Edit HTML
Step 2 > Simpan kode external jQuery library di bawah ini, tepat diatas atau sebelum tag </head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

Jika template blog anda sudah terdapat jQuery library abaikan saja step ini


Step 3 > Copy kode CSS di bawah ini, lalu paste tepat diatas atau sebelum tag </head>

<style>
/* LOADING EFEK BLOG WAHABSAPUTRA.com */
#blogger-gear {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Qel5wi_ztKUqei4Hus3s9T7i366MMkzUCpgbiA17pSx30IwgUK1tiLNrCvQ2datJVEvmgIpkvbw90nMVRQcgJv0qtLHSjxSVg-5T037pUZ6hd3hao4Q_J01dSuiwMvYTFEJm5m6gmi0/s1600/Blogger+Loading+Blog+Wahab+Saputra.gif) no-repeat center;
background-color:#eee;
width:100%;height:100%;
position: fixed; left: 0px; top:0px; z-index: +100000;
}
</style>


Step 4 > Copy kode HTML di bawah ini, setelah itu paste tepat di bawah atau setelah tag <body>

<div id="blogger-gear"></div>


Step 5 > Setelah itu simpan kode jQuery di bawah ini tepat diatas atau sebelum tag </body>

<script>
//<![CDATA[
$(window).bind("load", function() {
    $('#blogger-gear').slideUp(1000);
});
//]]>
</script>


Step 6 > Simpan Template dan lihat hasilnya.....


Efek Loading ini hanya direkomendasikan untuk blog yang "fast loading"

Demikian tutorial singkat tentang cara membuat efek loading pada blogspot semoga dapat bermanfaat sekian dan terima kasih.

Itulah sedikit Artikel Efek Loading Ala Blogger.com terbaru dari kami

Semoga artikel Efek Loading Ala Blogger.com yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Android Media. jangan lupa baca juga artikel-artikel lain dari kami.
Terima kasih Anda baru saja membaca Efek Loading Ala Blogger.com

Share this