Wednesday 18 March 2015

Cara Membuat Efek Animasi Loading Di Blog

loadingEfek yang kali ini diberikan adalah efek loading, dan yang saya berikan sederhana sekali. Efek loading mempunyai manfaat tetapi juga mempunyai kekurangan. Manfaatnya yaitu bisa digunakan untuk memanipulasi loading suatu halaman pada blog, sehingga pengunjung tidak bosan menunggu loading suatu halaman yang terkadang lama, kemudian efek ini juga memperindah blog, dan juga membuat blog terkesan modern.
Tetapi dibalik manfaaatnya, tentu saja ada kekurangannya yaitu menambah loading suatu halaman, tetapi tenang saja, efek kali ini tidak terlalu membebani blog. langsung saja berikut caranya

CARA MEMBUAT EFEK ANIMASI LOADING DI BLOG

1. Download dulu Disini (sedikit banget gan cuma 549 Byte)
2. Masuk ke blogger anda 
3. Pilih Template >> Edit HTML
4. Cari kode ]]>< /b:skin> (tanpa spasi) menggunakan ctrl+F
5. Letakkan kode CSS yang anda download tadi diatas kode tadi
6. Kemudian cari kode < /body> (tanpa spasi) menggunakan ctrl+F
7. Letakkan kode Javascript yang anda download di atas kode < /body> (tanpa spasi)
8. Simpan template


Berikut di bawah ini beberapa contoh animasi efek loading

loading ala google
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBfHmG4r7b5f0nCOGuJZTZrqk-Mv57kjBRMzWVTHXJe2rcSfqRUAbjONrNOj4Erl5S9FdA7PQp3tXVKVLpTKTAoFMiiwDI4NnG7BevUR24fMGYEADSPVcL5HwyYVOg-YsgLhBF4IFRFE/s128-no/Loading1.GIF

loading horizontal
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-XxTUlNN3FuzQyoDduCKuBRf2jUquwASNIgkQt_Sw16JeWXkKmOscAFPFjXTt3IGtYaSQBUTq7JOLZmow1XO2yvuiuZ83aP0MnPFqFgOuMSOXDhisU5WgbWupa8uMH2SAQkj9LbyDRlg/w128-h40-no/Loading10.GIF

MOHON MAAF JIKA ANDA BINGUNG, DIKARENAKAN ADA ERROR DALAM MEMPOSTINGNYA..