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...

Tidak ada komentar :


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...