Mengganti Icon Gambar pada Kotak Komentar

Assalamualaikum ....

Pasti dari sekian banyaknya para Blogger ingin membuat sesuatu yang berbeda dengan desain templatenya, yap.. kali ini saya akan berbagi bagiamana cara mengganti default gambar icon pada kotak komentar . Selamat menyimak . . . :D

1. Masuk ke Rancangan - Template - Edit HTML

2. Centang Expand Template Widget

3. Cari Kode di bawah ini :

</body>

4. Letakkan kode di bawah ini di atas kode </body>, ubah kode gambar yang ditandai warna biru dengan url gambar yang Anda inginkan.

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFjaHAbWNWDzyoz7kCTokIKPuKGCwDgRXucoN9GkWCPLXOxxuEHd641WRZhsbHEwIrqFlIhNX6gh_gwkpodEB-WrKoBZMU9gCPa5e8Oy6a02WcHRSnnOytmyA3xfC2S-3FvSToCUqUsOg/h120/blogger-user1.png&#39;)
.ssyby(&#39;blank&#39;)
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)
.attr(&#39;src&#39;, &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFjaHAbWNWDzyoz7kCTokIKPuKGCwDgRXucoN9GkWCPLXOxxuEHd641WRZhsbHEwIrqFlIhNX6gh_gwkpodEB-WrKoBZMU9gCPa5e8Oy6a02WcHRSnnOytmyA3xfC2S-3FvSToCUqUsOg/h120/blogger-user1.png&#39;)

.ssyby(&#39;blank&#39;)
</script>

5. Klik "Simpan Template", kemudian cek komentar di blogmu yang memiliki user Anynomous atau tidak memiliki gambar.

Selamat Mencoba !!!