Cara Mengganti Avatar Anonymous Pada Komentar Blog

Selamat pagi sahabat blogger, Bagaimana punya kabar? Mudah - mudahan baik - baik saja yah sob. Setelah beberapa hari saya tidak update, dan pada kesemapatan pagi ini saya mau mencoba posting tentang cara mengganti avatar anonymous pada komentar blog. Biasanya pengunjung yang berkomentar menggunakan anonymous Tidak ada gambarnya atau seperti gambar gambar di atas. Disini Anda bisa mengganti gambar default anonymous tersebut dengan gambar lain yang lebih menarik. Gambar/avatar pada komentar anonymous dapat anda ganti dengan emoticon, gambar kaskus, dan lain-lain. Contoh nya gambar sperti ini.

Untuk cara mengganti gambar/avatar komentar anonymous ini akan menggunakan script jquery sehingga mudah untuk di pahami dan juga mudah untuk memasangnya. Gambar tersebut akan muncul ketika pengunjung tanpa id/anonymous memberikan komentar pada blog anda. Nah bagi anda yang ingin mengganti gambar/avatar anonymous tersebut, mari kita ikuti caranya di bawah ini:

1. Log in ke akun blogger anda.
2. Pilih --> template --> Edit HTML.
3. Carilah kode </body>
4. Kemudian tambahkan kode dibawah ini tepat di atas kode </body>

<script src='http://code.jquery.com/jquery-latest.js'/>
<script> $("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'http://lh6.googleusercontent.com/-H6zAH-hO5lg/Tibog_Gg8qI/AAAAAAAAAYQ/QYvJ4OkVUm8/default-avatar-profile.png)') .ssyby('blank') </script>


NB: Anda hapus kode jquery yang saya marking berwarna kuning jika di template anda sudah ada kode itu. anda bisa mengganti url gambar yang berwarna biru dengan url gambar anda.

5. Simpan. Nah. Sekarang anda coba masuk artikel anda dan cari komentar yang menggunakan anonymous, pasti avatarnya sudah berubah. Mungkin cuma itu postingan saya tentang cara mengganti avatar anonyous pada komentar blog. Semoga bermanfaat.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser