» » » » Mengganti Avatar Anonim Pada Komentar dengan jQuery

Mengganti Avatar Anonim Pada Komentar dengan jQuery

08.30
0 komentar
Assalamu'alaikum wr. wb. Langsung saja masuk pembahasan, mengganti avatar default pada komentar. Mungkin bagi anda yang bosan dengan gambar/avatar anonim yang ada pada komentar bisa menggantinya dengan gambar pilihan anda, karena avatar anonim bawaan blogspot terlihat biasa saja, yaaa sperti gambar diatas. . hehe.
Untuk menggantinya kita menggunakan jQuery..
Berikut cara pemasangannya:
1. Masuk ke Template  »  Edit HTML

2. Letakkan kode berikut ini di atas kode </head> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
Itu merupakan kode jQuery, jika di template anda sudah terdapat kode jQuery tersebut maka tidak usah di pasang lagi atau anda juga bisa mengganti kode yang lama dengan kode yang versi terbarunya.(tidak boleh terdapat kode jQuery.min lebih dari satu walaupun versinya berbeda-beda)

3. Kemudian Letakkan kode berikut ini diatas kode </body> 
<script>
// ganti gambar anonim
$(&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/AVvXsEhzmbLFXKOIdwfShAx5g3RJVtPyt1DJ2nS8AMbMQafMssaog_e1uqZSQWm9gRbS1hAOOY3ZB4oDdMwrv55NMufZe7nlIotFFIImduNONLtNqaBk3FDjYL-nGwvxWQZZ9EptHlGF0bvwyBQ/s1600/Anonim20.jpg&#39;)
.ssyby(&#39;blank&#39;)
</script>
Keterangan:
Ganti dengan URL gambar anda atau menggunakan contoh gambar dibawah ini atau anda juga bisa mencarinya di google.com.
4. Simpan Template dan liat pada komentar.

Contoh gambar:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikf-YLf4M1I6DCXPFn-0Ep2yHeJZZpVrHuOaJ5QNvIb50Pa1PLkPhwDDYpBT7k-AeKSy-3qnUhrl77JSfWgBaK1E8R9sNybiRG7HstEdZs0J_CGq0ZybYK5TrDizJrdagqnlsLG2gwxIPJ/s1600/Anonim1.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQRVIDZ13LVVcW1aNvGaYN0gWWba8ZBvVhR2GKI9G-0zJISU4mrrFfgosHQfJb-avvvaZN9qBIrWzzZu7vPyh9O5OpdRWwwHlSJZD1WwEhp37fgPhaP1daefHbNDSYcrmQq5vs_aLzMh_I/s1600/Anonim2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLG4xY_FmopRgcoEhkW3FUSlnYHKeF05CagABo6541zcLB35WwkDU4HKkv-QiIsk5NVl9vNyeBADIIEBKQnlJ_rBN91iQXdge7fdmlhRu-nSf6al6hr_a3MF09iUdtftNgpm0z8YHjJLk1/s1600/Anonim3.png
 Selamat mencoba dan semoga berhasil..
Share:

Posting Komentar

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Back to Top