Free Gems COC and Diamond GetRich

Cara Mudah Menampilkan Efek Loading di Blog

dalam Blogging, Tips Blogger
Cara Mudah Menampilkan Efek Loading di Blog - Hallo sahabat Androkomp.net, Pada pada artikel kali ini yang berjudul Cara Mudah Menampilkan Efek Loading di Blog , saya akan membagikan sedikit tips, trik dan info sedikit yang berkenaan dengan Cara Mudah Menampilkan Efek Loading di Blog, baiklah silahkan membaca / mendownload artikel di bawah ini :

Cara Mudah Menampilkan Efek Loading di Blog

Cara mudah menampilkan efek loading di blog -Hai guys, lama tak berjumpa heheheh,kali ini saya membahas tetang trik ngeblog, ya cara menampilkan efek loading di blog. Bagi sebagian jenis blog misalnya blog toko online, blog wallpaper atau yang lainnya, efek loading pada blog dapat memberikan kesan yang menarik  bagi orang yang membukanya.
 
Akan tetapi perlu anda ketahui bahwa sebagian efek loading ada juga yang sifatnya malah memberatkan loading halaman blog.Tak perlu kuatir..!! Karena disini Blog Penting akan mengulas cara membuat efek  loading yang tentunya tidak akan memberatkan Loading Blog anda
Berikut Langkah-Langkahnya

1.Silahkan letakkan kode berikut ini 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(8000).fadeOut(1000);
});
//]]>

</script>

Baca Juga :  Membuat Slider Image Otomatis Joss Banget

2.Selanjutnya masukkan kode berikut ini ke  ]]></b:skin>

  

page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:999999;
background: #000 url(“URL IMAGE“) no-repeat 50% 50%;
padding:1em 1.2em;
display:none

}

3.Dan berikut ini beberapa animasi loading yang bisa anda pilih, Kemudian pastekan url nya pada URL IMAGE pada kode diatas

loading icon gif

 http://androkomp.net/wp-content/uploads/blogger/-7FD-JrZ2GwY/VzR3USiU3qI/AAAAAAAABHA/QOWXsVD-_-Awb8UUcsgKPrefKb6ujduRACLcB/s1600/Loading2.GIF 
 
loading icon gif
http://androkomp.net/wp-content/uploads/blogger/-ci-R3V93XMU/VzR3SfrvKVI/AAAAAAAABHw/phio9Ksx3XUlcLyM08D3ybWLNnaeTy0iwCKgB/s1600/InternetSlowdown_Day.gif 
 
loading icon gif
http://androkomp.net/wp-content/uploads/blogger/-yN2jdcig-3s/VzR3SosICCI/AAAAAAAABHw/5OLroSbSzf4OChvYLtWM_FASWmkdK82gACKgB/s1600/Loading1.GIF 
loading icon gif
  http://androkomp.net/wp-content/uploads/blogger/-Nd_jokmDtcw/VzR3ZXVGGEI/AAAAAAAABH0/CdzEsJJlbKAdn_amyOA4q0wOVLL4wTGjwCKgB/s1600/loading7%2B%25281%2529.gif 

loading icon gif
http://androkomp.net/wp-content/uploads/blogger/-PbxLnf7-mlc/VzR3VQwaKMI/AAAAAAAABH0/US59J1u4BFkqoz78B4EP1IanyKjf4VLTwCKgB/s1600/Loading4.GIF   
loading icon gif
http://androkomp.net/wp-content/uploads/blogger/-jWXlSXxou8k/VzR3ZZafoSI/AAAAAAAABH0/KKPM5-gue7sabA7-O2AklPlurMDtt7DwACKgB/s1600/loading3%2B%25281%2529.gif  
loading icon gif
 
 http://androkomp.net/wp-content/uploads/blogger/-9Lr06M2DgpA/VzR3YAQmHTI/AAAAAAAABH0/-BlxdHJdKrwbjsL2l_rbbPUt9tBlLc06gCKgB/s1600/Loading8.GIF 
 
loading icon gif
 http://androkomp.net/wp-content/uploads/blogger/-f71URg2cj2c/VzR3ZisqUlI/AAAAAAAABH0/ZkSw4mgARDoWnpXTMTJDMIRhzJHcSNkowCKgB/s1600/loading9%2B%25281%2529.gif 
loading icon gif
http://androkomp.net/wp-content/uploads/blogger/-bysBmW2Ze54/VzR3U3wChYI/AAAAAAAABH0/7yQSyPwr13EuaY-bH8TWZzd-0Qf2y6FEACKgB/s1600/Loading3.GIF  
loading icon gif
http://androkomp.net/wp-content/uploads/blogger/-HU3qFwQSUaw/VzR3WQtVYtI/AAAAAAAABH0/H7KTuG-ZE9EKsk9csBIrAyMJk1X1bodlwCKgB/s1600/Loading6.GIF  
loading icon gif
http://androkomp.net/wp-content/uploads/blogger/-HMZgi_8wsnQ/VzR3V6YlyNI/AAAAAAAABH0/v9vG-jNVCl0MwsrMZIXSUCEab8AVgzpRACKgB/s1600/Loading5.GIF  
  
4.Selesai, Selanjutnya simpan template anda
Demikianlah artikel Cara Mudah Menampilkan Efek Loading di Blog semoga bermanfaat.
Baca Juga :  Cara Memasang Seo Smart Link Dan Fungsinya Di Blog

Incoming search terms:


Cara Mudah Menampilkan Efek Loading di Blog

Pencarian terkait




    author
    Penulis: 
    Blog ini pada tahun 2013 yang dikelola oleh Admin tunggal. Misi ngeblog hanyalah mengisi waktu luang saja serta minat dan hobby dalam berinternet. Blog ini akan selalu menyajikan informasi seputar Teknologi, Info- Info, Pendidikan, Photoshop, Software, Game, Teknologi, WordPress Terlengkap dan Gratis.
    Cara Mengetahui Aktivitas Klik Invalid Google Adsense
    Cara Mengetahui Aktivitas Klik Invalid Google Adsense
    Invalid artinya tidak valid, heuheu.. iya sih.
    Cara Daftar Safelink Converter Step by Step
    Cara Daftar Safelink Converter Step by Step
    Sebelumnya apakah anda tahu apa Safelink Converter,
    Cara Membuat Artikel Terkait Dibawah Postingan Blogspot
    Cara Membuat Artikel Terkait Dibawah Postingan Blogspot
    Untuk membuat related post atau artikel terkait
    Cara Meningkatkan Jumlah Klik Iklan Google Adsense
    Cara Meningkatkan Jumlah Klik Iklan Google Adsense
    Salah satu permasalahan yang sering kita hadapi
    Cara Menaikkan CTR/RKT Google Adsense
    Cara Menaikkan CTR/RKT Google Adsense
    Cara menaikkan CTR/RKT Google adsense – Hai
    Claiming has been retired – May 2016 by Alexa
    Claiming has been retired – May 2016 by Alexa
    Claiming has been retired – May 2016
    Baca juga×

    Top