situs generator animasi loading

situs generator animasi loading

Info sitemap

Salam sobat blogger, agak lama gak timbul buat posting dan sekarang saya mau shar daftar situs yang menyediakan animasi loading untuk blog sobat yang mungkin sedang sobat cari. buat sobat yang memerlukan di bawah ini adalah daftar situs penyedia aniasi loding yang tinggal kita gunakan langsung saja di kunjungi.

  • Preloaders.net

    Preloaders.net has a fantastic categorized collection of APNG and GIF AJAX loaders images. You can set your preloaders’ image type (support APNG & GIF), background (transparent is available) and foreground color, size with constrain proportion option, animation speed and many other options.

  • CSSLoad.net

    If you want to have an AJAX loading icon but don’t want to use an image to save HTTP request, this CSS3 loading spinner generator is for you. It makes use of of CSS3 transitions, transforms and CSS3 animation to achieve a “loading GIF” image effect.

  • spin.js

    spin.js is another spinner or preloader generator that doesn’t use any images. It used JavaScript for modern browsers and uses VML as fallback in old IEs to have a loading icon image effect. It doesn’t require any JavaScript library to work but it does have jQuery plugin which you might want to check out.

  • CanvasLoader Creator

    Heartcode CanvasLoader Creator is a free online tool which you can use to generate preloaders (spinners or throbblers). This loading icon generator uses the CanvasLoader UI Library – a lightweight JavaScript UI library which can be used to create spinners using the HTML5 Canvas object in modern browsers, or VML in older ones. Same with spin.js, no external images or CSS are required.

  • NETEYE Activity Indicator

    This is jQuery plugin that renders a vector-based, translucent activity indicator (spinner) using SVG or VML. No images or external CSS are required, works in all major browsers (including IE6), supports Alpha transparency, degrades gracefully and is highly configurable. Unfortunately, this doesn’t have a UI so you have to manually pass some options into your code.

  • Ajaxload

    Ajaxload.info is still in Beta and the only option for it’s loading icon that you can set is it’s background and foreground color. It has only a limited number of loading GIFs compared to Preloaders.net.

  • Chimply

    Chimply is in beta stage but it has also a nice collection of categorized Ajax loading icons (spinner and animated bar icons). Common settings/options include background and foreground colors, animation speed, width and size. You can download the generated loading icon in GIF & SWF formats.

  • Loading GIF

    Loading GIF Image Generator has some few, nice loading icons ready to download. Unlike most of the loading image generators, the only customization you can made on the loading image icon is it’s background and foreground color.
jadi silahkan sobat pilih mana yang menurut sobat menarik dan tentunya sesuai selera.
semoga bermanfaat...

Artikel Terkait

  • Membuat ucapan terimakasih di bawah komentar
    Pagi sobat blogger lagi liburan buat posting hiasan untuk blogger, kali ini saya mau share cara dan trik untuk membuat pesan ucapan terimakasih di bawah kotak komentar.   Triknya cukup mudah tinggal menambahkan css dan sedikit kode html di template sobat, langsung aja berikut ini caranya Buka editor template blogger anda sperti bias…
  • Membuat thumbnail hanya tampil di homepage
    Untuk sahabat yang belum tahu bagaimana menerapkan trik dan cara ini mungkin sering punya pertanyaan, kok bisa ya ketika di halaman beranda/depan/homepage blog image/gambarnya muncul tetapi ketika di halaman posting kok hilang...?, mungkin ini bukan bahasan baru lagi, hanya saja saya menulis ini untuk sobat yang ingin tahu trik dan caranya. ji…
  • Blogger Template DB-KW01
    Salam buat sobat yang berkunjung ke blog sederhana saya ini, kali ini saya akan membagikan template replika blog ini kepada sobat semua, bisa di bilang bukan replika karena seluruh markup template ini sama dengan template yang di gunakan oleh blog ini hanya saya berbeda tampilan dan fitur. Demo Download Dalam template ini sudah mem…
  • Highlighter Language Autodetection
    Syntax Highlighter Language Autodetection ini saya dapatkan dari Software Maniacs dan saya terapkan di blog ini hanya saja tampilannya masih menggunakan Syntax Highlighter lama. seperti biasa anda mungkin sudah tau kegunaannya untuk di terapkan di blog, jadi tidak usah di jelaskan tinggal sekarang langsung saja ke cara bagaimana memasang Synta…
  • Memasang meta viewport
    Membahas responsive memang agak panjang lebar, dan perlu di pelajari satu persatu. untuk itu kali ini saya akan berbagi tentang kegunaan menggunakan meta tag viewport dalam responsive. Dalam Responsive Meta Tag Viewport sangat penting karena meta tag ini berguna untuk menentukan tata letak tampilan Mobile. ketika blog kita di akses lewat Brows…
  • Menerapakan jquery lightbox evolution
    Salam sobat blogger membuat postingan untuk share kali ini buat sobat yang masih bingung tentang jquery lightbox evolution. jquery lightbox ini saya gunakan di template ini pada konversi kode dan kontak bisa sobat lihat seperti apa itu jquery lightbox. untuk sobat yang tertarik dan ingin menerapkan ini untuk blognya saya akan memberikan trik…

13 komentar

  1. Unknown30 Mei 2014 pukul 08.35

    lengkap sekali ,, thanks mas dafin :)

    BalasHapus
  2. Rz Bot30 Mei 2014 pukul 08.53

    biasanya saya pakai yang pertama tuh :D

    BalasHapus
  3. Prisma Try Laksana30 Mei 2014 pukul 12.35

    Saya kirain bahasa Indonesia semua, ternyata eh malah Inggris, hehe

    BalasHapus
    Balasan
    1. Dafin defandaky30 Mei 2014 pukul 18.27

      hehe yang punya orang inggris, makanya pakek inggris sob :D

      Hapus
    2. Prisma Try Laksana31 Mei 2014 pukul 12.48

      Perlu ditranslate terlebih dulu saya bacanya, hehe :D

      Hapus
    3. Dafin defandaky31 Mei 2014 pukul 13.19

      buka mbahnya sob, googla haha :D

      Hapus
  4. Unknown30 Mei 2014 pukul 22.16

    mantapp nih...
    tapi ane gak suka loading gan :D suka yang cepet cepet wkwkwk

    BalasHapus
  5. jaboricacace5 Maret 2022 pukul 02.17

    Bloked link! Link tidak di ijinkan baca disini.

    Tautan Anda terpaksa Saya blokir untuk alasan kenyamanan pembaca lain. Web ini digunakan untuk kalangan umum, mungkin akan lebih baik jika Anda tidak menyertakan tautan-tautan di area komentar untuk mencegah prasangka buruk dari pembaca yang lain terhadap Anda.

    Jika Anda merasa bahwa ini adalah kesalahan otomatisasi sistem, cukup tuliskan kembali komentar lama Anda dengan format yang sama seperti sebelumnya, namun tanpa adanya tautan aktif di dalamnya, misalnya berupa teks URL. Terima kasih.

    BalasHapus

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...