Membuat loading komentar dengan CSS

Komentar
Pernah melihat efek loading form komentar di blogger saat berkunjung ke blog lain? apakah sobat belum memasang ini di blog dan ingin tahu caranya, ikuti saja langkah di bawah ini.


selain menambah kesan apik, juga memberi keunikan tersendiri untuk tampilan blog. dan ini tidak berpengaruh kepada loading blog menjadi berat. langsung saja.

1. Login ke Blogger
2. Buka editor template
3. Simpan kode ini di atas </style> atau ]]></b:skin>

#comment-editor {background:transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvymP65scdCbfwESZLWC2aI-ZjbE8x_fRzOynd03kzEbWYAV3Gy8qHuUnVEgKGUf3nlEv4zD_KqN5rS6YnlNkVZVyXlQEGfloLUQy6yvIMV2WvHIFE8_3ZGPscLuQrwqwe423zIeYQ8oeE/s1600/ajax-loader+(2).gif') no-repeat 50% 30%}

4. Simpan Template.

Cara di atas hanya memanipulasi background form komentar saja dengan mengisi sebuah backgroun animasi, sebelum memunculkan iframe. Apabila sobat ingin mengganti gaya dan bentuk tampilan efek loadingnya, silahkan kunjungi Web pembuat efek loading untun membuat efek lain yang berbeda.

Bagi sahabat yang membutuhkan gambar efek loading, dibawah ini saya ada 6 website Ajax loading generator online. Untuk mengunjungi klik saja linknya. sobat hanya perlu efeck gambar, dan bisa di ciptakan di situs - situs berikut ini

1. Preloaders.net
2. Web Script Lab
3. Chimply
4. Load Info
5. Xeosoft
6. Ajaxload.info

setelah anda memiliki animasi loading ganti saja

link gambar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvymP65scdCbfwESZLWC2aI-ZjbE8x_fRzOynd03kzEbWYAV3Gy8qHuUnVEgKGUf3nlEv4zD_KqN5rS6YnlNkVZVyXlQEGfloLUQy6yvIMV2WvHIFE8_3ZGPscLuQrwqwe423zIeYQ8oeE/s1600/ajax-loader+(2).gif
dengan milik anda.

Semoga sukses...

Artikel Terkait

  • Membuat Expand/Collapse komentar blogger
    Pada dasarnya kode ini hanya menyembunyikan isi dari elemen DIV yang berisi bagian komentar blog Anda yang hanya terbuka setelah Anda mengklik tombol yang dibuat untuk memunculkannya, elemen DIV pun akan disembunyikan kembali ketika tombol tersebut diklik untuk kedua kalinya. Ikuti petunjuk di bawah untuk memasangnya di blog Anda. Seperti…
  • Memasang komentar Google plus versi dua
    Sudah pasang tapi tidak muncul? ada kesalahan atau template costume bloggernya berbeda. ikutu saja cara berikut ini setelah sobat tidak berhasil menerapkan Cara Memasang Widget Komentar Google Plus di Blogger yang pertama Pertama seperti biasa login ke akun blog sobat. Kemudian klik Template >> Edit Html.(backup dulu sebelum edit agar b…
  • Cara Memasang Widget Komentar Google Plus
    Komentar Google Plus bisa untuk Blogger dan menambahkan fungsionalitas yang besar ke situs blog Anda. Ini adalah alat yang berguna untuk menjaga percakapan Anda dengan pengunjung Anda tetap terorganisir. Pembaca dapat berinteraksi dan berbagi komentar, bahkan posting komentar di situs Google Plus Anda akan muncul di situs Anda. Tapi bagai…
  • Membuat loading komentar dengan CSS
    Pernah melihat efek loading form komentar di blogger saat berkunjung ke blog lain? apakah sobat belum memasang ini di blog dan ingin tahu caranya, ikuti saja langkah di bawah ini. selain menambah kesan apik, juga memberi keunikan tersendiri untuk tampilan blog. dan ini tidak berpengaruh kepada loading blog menjadi berat. langsung saja. 1. Lo…
  • Posisi gambar avatar Komentar
    Ini adalah Trik Cepat untuk memperbaiki gambar avatar komentar blogger yang tidak sesuai. Saya melihat di banyak blog gambar avatar Komentar mereka tidak berada dalam posisi yang benar dan ukuran yang pas. Hal ini karena CSS default Komentar Sistem dan Komentar Threaded. yang ada dalam template Anda dan menyebabkan tampilan gambar avatar tidak…
  • Membuat komentar blogger dan google+
    Ada sebuah metode toggle yang dapat Anda pakai untuk mengaktifkan Komentar baru Google+, tetapi tanpa kehilangan sistem lama Anda yaitu komentar Blogger. Pengguna dapat terus berkomentar dengan komentar blogger seperti sebelumnya, dan jika pengunjung ingin berkomentar melalui Google Plus pengguna dapat menekan "G+" tombol toggle, Simak cara me…

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...