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 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
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..
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..
93 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
saya coba dulu ah
http://blanter-forever.blogspot.com
kata temen untuk mempercepat loding blog kita tuh katanya kita harus simpan sript blog kita di google code apaa bener kang?
kalau bener buat dong tutorialnya kang...
Serius kalau masalah blogger ni sy baru anak kemari sore ngk ngerti apa2...
di tunggu tanggapannya kang...
navigasi (blog-pager) di halaman utama ga keliatan..
coba tambahin <div class='clear'/> diatas <div class='blog-pager' id='blog-pager'>
pasti muncul tuh navigasinya.. :-bd
soalnya kasian pengunjung kalau ingin melihat postingan lama tapi ga bisa..
oh iya kang, mau tanya sedikit kalau tulisan pada postingan tidak bisa di bold itu kesalahannya terletak dimana ya kang?
waktu dihalaman edit posting, saya bold tapi waktu dibuka pake browser mozilla nggak ada yang dibold. kalau di versi mobile terlihat tulisan yang di bold.
mohon bantuannya kang, ini blog saya http://www.princassanova.blogspot.com
langsung dijawab disana saja kang, terima kasih banyak
strong,b,dt,th,kbd { font-weight:bold }
Mantap |o|
makasih nih tutornya... mau dicoba ah...
Trims sebanyak2nya kang :)
Jarang-jarang ada yang pakai efek dari tutorial Akang ini :D
thanksss
[img]http://img46.imageshack.us/img46/1757/lgt3a06.png[/img]
Terima kasih infonya :)
makasih tipsnya kang..
saya terapin di blog saya dulu hehehe