Tips Mengganti Avatar Komentar Dengan Benar

Tampilan avatar komentar yang menarik sesuai keinginan sendiri. Pada kesempatan ini saya akan membahas cara merubah / mengganti profile avatar pribadi pada kometar blog-blogger. Saya yakin sudah banyak senior publisher blog yang sudah tahu caranya mengganti profile avatarnya, akan tetapi bagi pemula yang sudah pernah mencoba mengganti / akan mengganti profile avatar pribadinya maka saya ada tips agar tidak gagal mengganti avatar pada threaded comment. Apa yang membedakan cara saya ini dengan cara pada blog/web orang lain. Untuk script yang digunakan sama dengan cara yang digunakan orang lain yang membedakan penjelasan / keterangan yang masih perlu diperjelas. Bagi yang copas alias copy paste script orang lain mungkin masih ada yang kebingungan, Kenapa avatar komentar pada blog tidak berubah. Nah kali ini saya akan membahasnya dengan jelas agar tidak gagal mengganti avatar. Langsung saja ikuti petunjuk dibawah ini.

1. Login di blog-blogger >> Masuk ke Dashbord blog

2. Klik Template >> Edit HTML

3. Cari tag </head> Agar mempermudah dalan pencarian, Letakan kursor mouse pada script HTML, Klik satu kali di area dalam script. Tekan pada keybord CTRL+F akan muncul teks box di pojok kanan atas di area script HTML. Copy tag </head> kedalam teks box tadi tekan enter satu kali, maka otomatis akan di arahkan pada hasil pencariannya

4. Copy kode di bawah ini tepat di atas kode </head> yang tadi sudah ketemu hasil pencariannya

<script src='https://ajax.googleapis.com/ ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Keterangan : Jika dalam script HTML sudah di temukan kode Jquery.min.js atau sejenisnya, Jangan menambahkan script di atas karena jika pasang justru akan memperlambat loading blog anda. Pastikan cari dulu kode Jquery di halaman script HTML seperti mencari mencari kode </head>, ketik saja kata Jquery di teks box. Jika ditemukan kode Jquery coba tambahkan script dibawah ini apakah bisa digunakan untuk mengganti avatar pada komentar atau tidak. Jika bisa mengganti gambar avatar pada komentar gunakan kode Jquery yang sudah ada. Tapi jika ingin meng update kode Jquery dengan script yang ada di atas pastikan lagi fungsi pada saat tampilan blog berfungsi semua seperti menu pada header atau yang lain yang ada kaitanya dengan code Jquery yang akan di update.

5. Cari tag </body> lakukan seperti cara pada langkah ke-3 untuk memudahkan pencarian. Copy kode di bawah ini tepat di atas tag </body>

<script>// ganti gambar anonim $("img[src='http://img1.blogblog.com/img/anon36.png</span>']") .attr('src', '<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZtfd_eBM2TzxHc31bw0WsPkIj-8oFQyOq2T-g1Dt-lv3ylajpsGQytrJ9DFJcaTcQ8FfhRxsU4U91Wn5iK6CmXZZVPIfn3frsBzxyaeLntro1pNbvT_yIqP2UkdpTIOYQVsv3_vcknwA/s1600/cooltext1577682742.gif').ssyby('blank')</script>

Keterangan script di atas, berikut dibawah keterangannya.

1. Ganti kode URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZtfd_eBM2TzxHc31bw0WsPkIj-8oFQyOq2T-g1Dt-lv3ylajpsGQytrJ9DFJcaTcQ8FfhRxsU4U91Wn5iK6CmXZZVPIfn3frsBzxyaeLntro1pNbvT_yIqP2UkdpTIOYQVsv3_vcknwA/s1600/cooltext1577682742.gif dengan kode URL gambar anda yang sudah di upload. Ada baiknya sebelum upload gambar di sesuaikan terlebih dahulu ukuran gambar bisa 32x32 pixel / 64x64 pixel yang terpenting kotak dengan  format gambar png/gif/jpeg/jpg.                                                                                                                                                                                                                     * Untuk server upload gambar avatar bisa di Google Picasa, Flickr, FB, atau diupload di blog anda sendiri. Cara upload gambar di blog sendiri, buka menu posting baru / new post>> pilih menu icon image/gambar di sebelah kanan menu link. Pilih gambar avatar yang akan diupload >> Tunggu proses upload selesai>> Pilih add select gambar yang sudah di upload>> akan muncul gambar di halaman postingan >> Pilih menu HTML di sebelah pojok kiri atas copy kode HTML URL gambar Contoh kode URL lihat nomor 1 di atas, Paste kode URL image di script yang ke-2 di atas.
2. Pada kode script diatas http://img1.blogblog.com/img/anon36.png diganti dengan URL avatar default komentar anda, Setiap script template blog biasanya tidak sama seperti script contoh  diatas. Caranya ceknya  : letakan kursor mouses pada gambar avatar default komentar anda >> Klik kanan pada mouses >> Klik view image. Cek alamat URL gambar  avatar default anda apakah sama dengan kode di atas. Jika berbeda ganti alamat URL di atas dengan kode URL avatar default anda dan jika kode URL sama tidak perlu diganti kode URL tersebut.                                               
3. Simpan dan cek hasilnya.

Demikian diatas cara mengganti avatar komentar pada blog .Jika masih bingung atau belum muncul gambar avatarnya tinggalkan komentar anda dibawah, Saya akan balas komentar anda secepat mungkin.

Salam