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

  • CARA MEMASANG WIDGET PARSE HTML DI BLOGGER/BOGSPOT Sebelumnya terima kasih sudah berkenaan membaca postingan ilkomunived yang berjudul Cara menambahkan atau memasang parse html di blog, mungkin sobat masih ada yang be ...
  • CARA MEMBUAT NOTIFIKASI KOMENTAR Berikut ilkomunived akan re-share cara membuat notifikasi seperti yang ada di facebook dan google +, berikut scrensuutnye: Langkah-langkahnya seperti berikut : ...
  • Cara mengganti template blog blogspot 2014 Cara mengganti template-Post ecengan yang tidak berkualitas, tidak berkualitas? Ya....! Kenapa? Karena sudah banyak yang post :D, tapi gag apa-apa yang penting waktu ...
  • Cara Memasang Tool Compress CSS di Blogger Tool Compress CSS-Kali ini saya ingin berbagi Cara Compress CSS tentunya sahabat blogger sudah tidak asing lagi dengan compress css, karena dengan fitur ini kita bisa ...
  • MEMBUAT DAFTAR ISI DIBLOGGER/BLOGSPOTSesuai dengan judul, kali ini ilkomunived ingin berbagi beberapa daftar isi untuk blog, silahkan anda pilih template dibawah ini untuk caranya silahkan login ke blogger, ...

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