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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXOg3drcla-3VxC1A9v-kfgKD8Iv7gqxJ864u4YIDOn4uJhR2eM_dl1bV6LmoUnZWbAKpxSf3N51ZORjCLASz-RBVmnNUSwoYuIt5kaaEhgHxOJ8Xbp-4wkI46LfhLmlrece81h0X2f_A/s200/load6.gif') 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:
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
wah... sepertinya keren nih... ijin kopi kodenya yia bos...
BalasHapussama-sama bos, terima kasih kunjungannya ya bos...
HapusBener kata Mas Comtel keren nih
Hapustutorialnya Mas Redo. ikutan save ya Mas
keren kren mas.. ijin pakek :D lihat blog saya dah mantep dengan loading ini :D
BalasHapushehe iya mas abdul.. terima kasih sudah datang kesini ya mas
HapusDengan menggunakan gambar gif efek loadingnya jadi keren ya :)
BalasHapusya mas, nambah berat juga hehee
Hapusbuat memperindah waktu muat loading ya :)
BalasHapusiya mas,,, mas virly ma ahlinya desain, blog mas keren banget....
HapusBaru saya mau coba... tapi malah bikin berat, heuuu. Tak jadilah, blog saya kudu diet sekarang ini ^^
BalasHapusheheheee blog saya saja sudah berat banget ni sob
HapusJadi 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 :)
BalasHapusagag berat tentunya mas, sama blog saya juga sudah berat banget mas..
Hapuswah menarik flat loadernya, terimakasih sob..
BalasHapussama sama mas satryo...
Hapuswidihhh,,, asli keren mas :-bd ,, tanpa basi-basi langsung sedot nih..
BalasHapusmakasih mas =D
silahkan mas yusuf,,, :D
Hapuswah 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...?
BalasHapushehe iya mas sama-sama mas, tapi agag berat juga ya mas kalau kita pake ini
HapusSependapat saya sama Mas Nady
HapusDengan script effects loading ini
Jadi gak suntuk nunggu buka halamanya :-d
saya lertarik sama animasi page loading, saya cobanya ya mas :D makasih sharingnya :)
BalasHapus:D sama sama mbak indri...
Hapuswah keren mas perlu ane coba ni mas bro thanksss
BalasHapussama sama om, terima kasih juga kunjungannya ya
Hapushabis kluar negri nih ya..!, bawa oleh2 buat teman2.. sambil nunggu load, ad hiburan..:)
BalasHapus:ngakak:
Hapusmas aldino ada2 saja de..
wah keren banget nih animasi page loadingnya, jadi penasaran pengen nyoba nih, makasih sharingnya mas :)
BalasHapussama sama mas antoni, tapi jangan lupa cek dulu speednya ya mas, nanti takutnya tambah buruk kayak blog ini.. :D
Hapuswah bisa bikin berat loadingnya yah mas, perlu dipikir-pikir lagi kalau begitu hehe...
Hapusanimasinya keren2 ya mas...sampai ada yang tetris juga, mmbuat ndak jenuh selama menunggu
BalasHapusya mas, tapi sebenarnya bikin lama loading saja,,,, tampilan si keren :D terima kasih kunjungannya ya mas..
Hapuskelihatanya menarik juga yah bro,kalau pas loading ada animasi seperti itu, keren bro...
BalasHapusterima kasih mas dede,,, happi blogging ya.. :D
HapusKeren unik dan menarik effects loader nya Mas Redo
BalasHapusTerkesan 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
salam santun juga mas saud, ada yang saya tanyakan di blog mas saud,,,
Hapusdtunggu jawabannya ya mas,,
kurang begitu mengerti yang seperti ini kang :(
BalasHapushehe maaf mas jufri, saya baru balas... belum bisa update ni mas.... terima kasih atas kunjungannya y mas
Hapusbanyak pilihan ya :)
BalasHapusya mbak .. terima kasih atas kunjungannya ya
HapusKunjungan pertama mas,,
BalasHapus:)
:D jangan yang terakhir ya mas herman
Hapuslangsung diuji coba di blog sy :)
BalasHapussilahkan sob , terima kasih sudah mampir :D maaf kopi lagi habis hehe
Hapuskeren nih, tapi ini berpengaruh untuk kecepatan loading blog enggak?
BalasHapuspastinya sob,hehe bikin lemot sedikit :D
Hapuskeren. loadernya kayak pake tema user interface yang dipake window 8
BalasHapusya mbak, terima kasih ya atas kunjungannya maaf agag lama balas komennya.. :D
HapusKeren nih mas, saya belum pernah mencoba sebelumnya. Dan sekarang akan saya coba :)
BalasHapuswah mas prisma komentar aktif ni, harus di kasih kopi ni :D maaf mas saya belum bisa aktif BW ..
Hapuswah lucu-lucu ya gan :D hehe animasinya good
BalasHapusmaaf mas baru bisa bales,, terima kasih ya sudah berkunjung..
HapusSimak kembali Mas Redo, artikel yang sangat bagus ini
BalasHapusSaya coba nih sambil mengisi waktu luang saya makasih
Mas Redo atas berbagi tutorial ini :-bd
sama sama mas saud :D terima kasih jempolnya mas.
Hapuskeren-keren animasinya.. kece ah...
BalasHapusheheh makasih mas...
HapusSaya amankan dulu filenya biar bisa dimainkan atau kalau saat dibutuhkan bisa digunakan.
BalasHapusMakasih udah berbagi manfaat.
silahkan pak, terima kasih sudah mampir ya pak :D
Hapuskeren nih mas :D domain baru :)
BalasHapusBiar lebih keren mas :D
Hapusterima kasih mas maawan. coba coba domain baru :D
Hapusya mas prisma :D
benr akan lebih pro mas kalau pakai TLD
Hapusya mas mawan, tapi ads belum juga muncul,, malah ditolak ...
HapusNyimak master, coba nanti praktekan di blog kusus uji coba.
BalasHapusheheh ya mas, terima kasih atas kunjungannya ya :D
Hapusmembantu teman yang mau mempercantik blognya
BalasHapusterima kasih mas atas kunjungnnya ya ,, :D
Hapushehehe ,,,, terima kasih ya sob atas kunjungannya
BalasHapusminta satu mas, buat blog :D
BalasHapushehe silahkan mas mawan
Hapuskeren juga nih flat free loader nya ;)
BalasHapusthank's ya atas infonya...
BalasHapusjangan lupa ke website kami ya di www.sundulbet.com :-bd