Membuat Efek Loading pada Form Komentar


Adding ajax loading effect to blogger comment form - Setelah beberapa hari tidak update postingan, karena beberapa kesibukan, sebut saja peringatan Isra Mi'raj, mengurusi jama'ah Umroh, dll.. bukan karena kehabisan ide postingansmile.... Intinya, masukan juga buat sahabat, tetap lakukan 'skala prioritas', karena blogging hanya sambilan saja, walaupun tetap harus konsisten dengan langkah yang telah kita ambil. Kecuali mungkin blogging merupakan prioritas utama bagi sobat.

Saat ini saya mencoba berbagi tutorial yang ringan saja, yaitu cara membuat efek loading pada form komentar. Sebagai contoh, ketika sobat mengomentari blog ini, atau ketika mengklik tombol 'Balas'... akan terlihat seperti sedang loading.

Apabila ingin menerapkan efek loading pada formulir komentar ini, silahkan ikuti langkah mudahnya :

1. Login ke Blogger
2. Klik Template ► Edit HTML
3. Simpan kode ini di atas ]]></b:skin>
#comment-editor {background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3vNy6lR-y4spFyYRb02OLN8PajbDVPZ3w2YLm8CAvzQnaMjshaM5Q7mGmdIfLjCHRQ7v1eU-yt59umZ4kK03aDfGtcIiAVZReeQVn8AI0ZB2l4EfLuxqcvBb1ONLLmEAlJUzWGVtG43xb/s1600/ajax-loader+(2).gif') no-repeat 50% 30%}
4. Simpan Template.

Sebenarnya cara di atas hanya memanipulasi background form komentar, sebelum memunculkan iframe. Apabila sobat ingin mengganti efek loadingnya, silahkan kunjungi Web pembuat efek loading.

Tidak terbatas pada gif animated saja, sobat juga bisa menggantinya dengan icon-spinner dari Font Awesome atau sobat juga bisa membuat efek loading dengan CSS.

Semoga bermanfaat..
Posted by :
Add Comment

Langganan: Posting Komentar (Atom)