Download Flat Free Loader - Ilmu Komputer

Tentang komputer, tips, trik, artikel, tutorial!

Minggu, 27 April 2014

Download Flat Free Loader

Download Flat Free Loader
Download Flat Free Loader-Selamat malam sobat-sobatku yang baik hati dan semoga dalam lindungan tuhan yang maha kuasa tentunya,amin.

Saya kali ini ingin berbagi Flat Loader yang saya dapatkan di blog negara tetangga, apa gunanya? banyak tentunya sob, file ini berbentuk gif, jadi bisa kita jadikan sebagai efect loading blog seperti blog kang ismet misalnya .

Bagaimana cara membuat memasang efect loading blogger? Untuk tutorial Cara Membuat Efek Animasi Page Loading di Blog bisa sobat terapkan cara dibawah ini:

Pastikan sobat sudah login tentunya sekarang masuk ke dashbord blog sobat klik template dan pilih edit HTML, kemudian cari kode </body>  sobat bisa menggunakan pencarian dengan cara CTRL+F , lalu ketikkan </body> jika sudah ketemu, pastekan kode di bawah ini di atas body :

<style>
#loading{
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXOg3drcla-3VxC1A9v-kfgKD8Iv7gqxJ864u4YIDOn4uJhR2eM_dl1bV6LmoUnZWbAKpxSf3N51ZORjCLASz-RBVmnNUSwoYuIt5kaaEhgHxOJ8Xbp-4wkI46LfhLmlrece81h0X2f_A/s200/load6.gif&#39;) no-repeat 50% 30%;      
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="loading">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#loading').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

Perhatikan tulisan yang berwarna merah, bisa sobat ganti dengan url sobat, atau bisa menggunakan gambar dibawah ini. Silahkan sobat cari sendiri untuk yang lebih menarik bagi sobat. Berikut beberapa file loading efect yang bisa sobat terapkan:

cara membuat memasang efect loading blogger

cara membuat memasang efect loading blogger

cara membuat memasang efect loading blogger

cara membuat memasang efect loading blogger

cara membuat memasang efect loading blogger

cara membuat memasang efect loading blogger

cara membuat memasang efect loading blogger

File-file tersebut 128x128px, untuk yang 32x32 dan 64x64 bisa sobat download di link berikut. Semoga Flat Loader bisa sobat kreasikan dalam membuat efect loading blog untuk mempercantik tampilan blog, dan bikin berat tentunya :D .

http://tympanus.net/codrops/2014/04/25/freebie-flat-style-squared-preloaders

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Download Flat Free Loader

  • Download Flat Free Loader Download Flat Free Loader-Selamat malam sobat-sobatku yang baik hati dan semoga dalam lindungan tuhan yang maha kuasa tentunya,amin. Saya kali ini ingin berbagi Fl ...
  • Cara Mengatasi Tampilan Grafik Histats Tidak MunculCara Mengatasi Tampilan Grafik Histats Tidak Muncul, saat kita membuat sebuah blog maka kita perlu mengetahui jumlah pageviews dan jumlah visitor salah satunya histats, ...
  • Cara Meniru atau Copi Template Blog Selamat datang sahabat, terima kasih sudah membaca satu baris kalimat pertama saya ini, silahkan langsung komentar, OOT tidak apa-apa yang penting rame,hehe... pada k ...
  • Cara Mengurangi Waktu Respons Server Cara mempercepat loading blog dengan Mengurangi waktu respons server PageSpeed Insights, salam sapa sahabat-sahabat yang baik hati, pada kesempatan yang terbatas ...
  • Update Widget top komentar blogger dengan avatar Update Widget top komentar blogger dengan avatar- Daripada gag update sama sekali mending update widget yang saya pakai aja kayak disamping =D..... Moho maaf kalau se ...

71 komentar:

  1. wah... sepertinya keren nih... ijin kopi kodenya yia bos...

    BalasHapus
    Balasan
    1. sama-sama bos, terima kasih kunjungannya ya bos...

      Hapus
    2. Bener kata Mas Comtel keren nih
      tutorialnya Mas Redo. ikutan save ya Mas

      Hapus
  2. keren kren mas.. ijin pakek :D lihat blog saya dah mantep dengan loading ini :D

    BalasHapus
    Balasan
    1. hehe iya mas abdul.. terima kasih sudah datang kesini ya mas

      Hapus
  3. Dengan menggunakan gambar gif efek loadingnya jadi keren ya :)

    BalasHapus
  4. buat memperindah waktu muat loading ya :)

    BalasHapus
    Balasan
    1. iya mas,,, mas virly ma ahlinya desain, blog mas keren banget....

      Hapus
  5. Baru saya mau coba... tapi malah bikin berat, heuuu. Tak jadilah, blog saya kudu diet sekarang ini ^^

    BalasHapus
    Balasan
    1. heheheee blog saya saja sudah berat banget ni sob

      Hapus
  6. Jadi makin keren ya mas kalo pake efect loading blog, bikin berat gak ya mas? Soalnya saya mah ngerasa blog saya dah lumayan berat loadingnya nie :)

    BalasHapus
    Balasan
    1. agag berat tentunya mas, sama blog saya juga sudah berat banget mas..

      Hapus
  7. wah menarik flat loadernya, terimakasih sob..

    BalasHapus
  8. widihhh,,, asli keren mas :-bd ,, tanpa basi-basi langsung sedot nih..
    makasih mas =D

    BalasHapus
  9. wah keren mas.. jadi para pengunjung sedikit ada hiburan saat menunggu loading selesai ya mas... agar pengunjung tidak jenuh... kapan kapan boleh nih di coba.. tenks mas tutor nya...?

    BalasHapus
    Balasan
    1. hehe iya mas sama-sama mas, tapi agag berat juga ya mas kalau kita pake ini

      Hapus
    2. Sependapat saya sama Mas Nady
      Dengan script effects loading ini
      Jadi gak suntuk nunggu buka halamanya :-d

      Hapus
  10. saya lertarik sama animasi page loading, saya cobanya ya mas :D makasih sharingnya :)

    BalasHapus
  11. wah keren mas perlu ane coba ni mas bro thanksss

    BalasHapus
    Balasan
    1. sama sama om, terima kasih juga kunjungannya ya

      Hapus
  12. habis kluar negri nih ya..!, bawa oleh2 buat teman2.. sambil nunggu load, ad hiburan..:)

    BalasHapus
  13. wah keren banget nih animasi page loadingnya, jadi penasaran pengen nyoba nih, makasih sharingnya mas :)

    BalasHapus
    Balasan
    1. sama sama mas antoni, tapi jangan lupa cek dulu speednya ya mas, nanti takutnya tambah buruk kayak blog ini.. :D

      Hapus
    2. wah bisa bikin berat loadingnya yah mas, perlu dipikir-pikir lagi kalau begitu hehe...

      Hapus
  14. animasinya keren2 ya mas...sampai ada yang tetris juga, mmbuat ndak jenuh selama menunggu

    BalasHapus
    Balasan
    1. ya mas, tapi sebenarnya bikin lama loading saja,,,, tampilan si keren :D terima kasih kunjungannya ya mas..

      Hapus
  15. kelihatanya menarik juga yah bro,kalau pas loading ada animasi seperti itu, keren bro...

    BalasHapus
    Balasan
    1. terima kasih mas dede,,, happi blogging ya.. :D

      Hapus
  16. Keren unik dan menarik effects loader nya Mas Redo
    Terkesan jadi ada nilai seninya yah Mas, jadi jika kita
    Kalau buka halaman gak jenuh jika ada space effects ini
    Mohon ijn Mas Redo saya coba dan belajar, pada tutorial
    Yang Mas Publish ini. terima kasih. salam hormat dan
    Santun buat Mas Redo/Sekeluarga :-bd

    BalasHapus
    Balasan
    1. salam santun juga mas saud, ada yang saya tanyakan di blog mas saud,,,
      dtunggu jawabannya ya mas,,

      Hapus
  17. kurang begitu mengerti yang seperti ini kang :(

    BalasHapus
    Balasan
    1. hehe maaf mas jufri, saya baru balas... belum bisa update ni mas.... terima kasih atas kunjungannya y mas

      Hapus
  18. Balasan
    1. ya mbak .. terima kasih atas kunjungannya ya

      Hapus
  19. Balasan
    1. :D jangan yang terakhir ya mas herman

      Hapus
  20. langsung diuji coba di blog sy :)

    BalasHapus
    Balasan
    1. silahkan sob , terima kasih sudah mampir :D maaf kopi lagi habis hehe

      Hapus
  21. keren nih, tapi ini berpengaruh untuk kecepatan loading blog enggak?

    BalasHapus
    Balasan
    1. pastinya sob,hehe bikin lemot sedikit :D

      Hapus
  22. keren. loadernya kayak pake tema user interface yang dipake window 8

    BalasHapus
    Balasan
    1. ya mbak, terima kasih ya atas kunjungannya maaf agag lama balas komennya.. :D

      Hapus
  23. Keren nih mas, saya belum pernah mencoba sebelumnya. Dan sekarang akan saya coba :)

    BalasHapus
    Balasan
    1. wah mas prisma komentar aktif ni, harus di kasih kopi ni :D maaf mas saya belum bisa aktif BW ..

      Hapus
  24. wah lucu-lucu ya gan :D hehe animasinya good

    BalasHapus
    Balasan
    1. maaf mas baru bisa bales,, terima kasih ya sudah berkunjung..

      Hapus
  25. Simak kembali Mas Redo, artikel yang sangat bagus ini
    Saya coba nih sambil mengisi waktu luang saya makasih
    Mas Redo atas berbagi tutorial ini :-bd

    BalasHapus
    Balasan
    1. sama sama mas saud :D terima kasih jempolnya mas.

      Hapus
  26. Saya amankan dulu filenya biar bisa dimainkan atau kalau saat dibutuhkan bisa digunakan.

    Makasih udah berbagi manfaat.

    BalasHapus
    Balasan
    1. silahkan pak, terima kasih sudah mampir ya pak :D

      Hapus
  27. keren nih mas :D domain baru :)

    BalasHapus
    Balasan
    1. terima kasih mas maawan. coba coba domain baru :D
      ya mas prisma :D

      Hapus
    2. benr akan lebih pro mas kalau pakai TLD

      Hapus
    3. ya mas mawan, tapi ads belum juga muncul,, malah ditolak ...

      Hapus
  28. Nyimak master, coba nanti praktekan di blog kusus uji coba.

    BalasHapus
    Balasan
    1. heheh ya mas, terima kasih atas kunjungannya ya :D

      Hapus
  29. membantu teman yang mau mempercantik blognya

    BalasHapus
    Balasan
    1. terima kasih mas atas kunjungnnya ya ,, :D

      Hapus
  30. hehehe ,,,, terima kasih ya sob atas kunjungannya

    BalasHapus
  31. minta satu mas, buat blog :D

    BalasHapus
  32. keren juga nih flat free loader nya ;)

    BalasHapus
  33. thank's ya atas infonya...
    jangan lupa ke website kami ya di www.sundulbet.com :-bd

    BalasHapus

Berkomentarlah dengan baik dan sopan..
Terimah kasih sudah berkunjung