Kamis, 27 Juni 2013

Cara Mengganti Avatar No Image Blogger

https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSCRa13x8rdL6va_JE-f6GLTGtdAMpZBrJndDG5ilbwpFgZJOGDneRJXADefault avatar atau avatar no image biasanya digunakan jika komentator di blog kita tidak memiliki avatar. Gambar default avatar ini sebenarnya sudah bagus, namun terkadang dengan alasan tertentu kita ingin merubahnya. Biasanya semua tampilan di blogger bisa kita rubah dengan cara mengkustom melalui CSS, namun khusus avatar no image ini tidak bisa kita lakukan. Karena default avatar terintegrasi langsung dengan mesin blogger. Lalu bagaimana cara merubahnya agar gambar 'anonymous' tersebut sesuai dengan keinginan kita.

Jika ingin merubahnya ikuti langkah sederhana berikut ini:

1. Siapkan sebuah gambar dengan ukuran sama sisi, misal 36x36px - 50x50px - 100x100px dll
2. Masuk ke Dashboard >> Template >> Edit Html >> Lanjutkan
3. Cari dengan klik Ctrl+F kode </body>
4. Copy dan Paste jQuery script dibawah ini diatas  </body>


<script src="http://code.jquery.com/jquery-latest.js">
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'http://caracaiide.blogspot.com/-DWIDbPLAbCE/T6OZK3kImPI/AAAAAAAAAiY/CCIzfLSJKfs/s400/no-avatar.png')
.ssyby('blank')
</script>

5. Simpan

*Ganti URL berwarna merah dengan URL gambar kalian..
*Dalam beberapa kasus, cara ini bisa merusak tampilan template yang menggunakan fiture multi tab widget

1 komentar: