Blog Kang Ismet

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 postingan :).... 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. untuk DEMO, silahkan kunjugi Blog Dunia Islam, dan klik tombol 'Balas'... pada komentar, 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('http://3.bp.blogspot.com/-Id9iv_USm4o/UbU3WLdcYrI/AAAAAAAAANs/gZLU48rPnnw/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..