Sabtu, 04 Agustus 2012

Cara Mengubah Avatar Default Anonymous di Komentar Blogger

anonim, default avatar, blogger blogspotDalam tutorial masa lalu Anda telah belajar  bagaimana Anda dapat mengubah ukuran avatar dalam komentar blogger  tapi ini tutorial sederhana akan menunjukkan cara untuk mengubah atau menyesuaikan avatar default dari commenters anonim atau pengguna Blogger tanpa foto ditambahkan pada profil mereka. Setelah Blogger mengumumkan fitur baru dari komentar berulir, kita masih bisa menyesuaikannya dengan menambahkan sebuah plugin jQuery untuk template kita dan mengganti avatar standar URL anonim  http://img1.blogblog.com/img/anon36.png  dan satu untuk pengguna blogger http://img2.blogblog.com/img/b36-rounded.png dengan kita sendiri.

Langkah :

  1. Buka akun blogger Anda
  2. Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
  3. Cari kode dibawah ini :
</body>
   4.  Paste kode dibawah ini, diatas pada kode diatas :
<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/AVvXsEgnvdNhuThNMsKy02NHI1gxjQhNAzPEsTnqdbNg7LtLs0vOcyZDGx8v_9SEf7W0pJbkEuU1R0B0bBK0qZIGuNz2CX2KyjdEhvPFcyNJ4nDJFyfmcHpOfJJwkRa175xGvQzkTtJ6BxvvG7A/s1600/default_avatar.gif&#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/AVvXsEhoDEl4PlTmTZjFZckxaX3Suppwbz32tjb2YrCUrxvXFJyYICuuTSUM7_JecWWet8Ro7xxfBwE89uqu7ltpm_7wfS5ol2i46eOgS4V16ePO-MWYZKbiL9TxYiC3csmsD_7xz2uyPotfnHA/s1600/blogger-user.png&#39;)
.ssyby(&#39;blank&#39;)
</script> 

Keterangan :

Untuk pengguna Anonim: Ganti kode yang berwarna merah dengan alamat url gambar Anda
Untuk pengguna Blogger: Ganti URL dengan warna biru dengan Anda sendiri.

Anda dapat memilih satu dari bawah ini (copy alamat url) :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnvdNhuThNMsKy02NHI1gxjQhNAzPEsTnqdbNg7LtLs0vOcyZDGx8v_9SEf7W0pJbkEuU1R0B0bBK0qZIGuNz2CX2KyjdEhvPFcyNJ4nDJFyfmcHpOfJJwkRa175xGvQzkTtJ6BxvvG7A/s200/default_avatar.gif

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN4Axgr7k4l3ej_RHHlinndJW_p-DI-kpN9yCpCioLaQ3dZpqmqVR1esBes1i0nyOZTfENivKe6-3cK_CApnzLpqVEVT7DMRPVZzjkAwvJGzxHr_8K9QEVZLKeO68dQGOFBoBwECMzRRg/s1600/facebook.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggUaBh4LuCoO8kHLtKL6m_N9DD-zzY-Usu-vMKsmEScNodBoRRcrI61lPY8gByQN6yHiu3_KWdm0cSEAHTZbCSj6M6Lh_cBucYDkOaSqMUwJt6JKjj2Vi7uI26r7QFoHSqQrVEYXDl9sA/s1600/anonymous3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl6ved8XdfMNrjGlpejR7ZHsb_irwVQFxL6Jety996kk2bcdgdWLEI6suZO4ONn0ngVI4bBijXmdj624v7I0NHssHeNowOfvkP7Qy1XS3rgCpKuy2C0BqQzrgXj70_9JcikS1YLb2SJfQ6/s1600/blogger-user.png
   5.  Preview dan Save Template Anda.

Tidak ada komentar:

Posting Komentar