cara tampilkan avatar pengunjung blog

Pernah saya posting tentang cara menampilkan nama  pengunjung blog secara otomatis,Cara kerja script ini adalah setiap pengunjung yang datang ke blog kita akan di hadapkan pada sebuah kotak Alert yang harus diisi oleh pengunjung blog ,untuk detilnya lihat dulu disini .
Nah kali ini Admin juga akan membuat tutorial yang sama akan tetapi yang akan tampil bukan sekedar nama akan tetapi photo avatar pengunjung blog akan tampil secara otomatis (dengan ketentuan sobat harus loggin dulu) .
Demonya bisa sobat lihat pada bagian kiri blog ini (jika belum di hapus),untuk cara membuatnya silahkan ikuti tutorialnya secara lengkap :

1. Pasang css kode berikut tepat di atas kode ]]></b:skin>

   #konco-ku{position:fixed;left:75px;bottom:200px}

   Silahkan sesuaikan posisi avatar sesuai kebutuhan edit pada bagian left:........px atau bottom:....px
   
2. Selanjutnya Gunakan Ctrl + F cari kode </body> letakkan Html sekaligus script berikut tepat di atas kode </body>
   

   <div id='konco-ku'>
   <img alt='photo-mu' height='80' src='http://profiles.google.com/s2/photos/profile/me' width='80'/>
   </div>
   <script type='text/javascript'>
   //<![CDATA[
   nampangdikit=document.getElementById("konco-ku")
   nampangdikit.innerHTML='<a rel=nofollow href="https://plus.google.com/109648847911535372958" target="_blank" title="Jangan Cuma Liat Liat Bos kasih masukan dong di kolom komentar"><img alt="photo-mu" src="http://profiles.google.com/s2/photos/profile/me" width="80" height="80"  title="Jangan Cuma Liat Liat Bos kasih masukan dong di kolom komentar" onmouseover="javascript:hover()" onmouseout="javascript:logo()"></a>'
   function logo(){photo-mu.getElementsByTagName("img")[0].src="http://profiles.google.com/s2/photos/profile/me"}
   function hover(){photo-mu.getElementsByTagName("img")[0].src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwcVIalH44pA7xWlxrkzcZ__7Pe_sShf04_zIZVPLzA0GwIpVWB6mfSP87BcZA48SgkJsjB_a7Z7Y3erjj40Hro2XEfcZ8orHOuMdJXcY4opmIr0HToR0lKbajBj9bc9eZFVQkDO6AGvlk/s1600/avatar.png?s=80"}
   //]]>
   </script>

Silahkan ganti code yang di seleksi berwarna putih dengan Id google plus sobat sendiri,kemudian ganti juga kode yang diseleksi berwarna kuning dengan gambar apa saja dengan ukuran (80px X 80px)bisa juga di isi dengan photo profile kamu ... Jika ada kesulitan tentang cara tampilkan avatar pengunjung blog silahkan ajukan pertanyaan di form komentar

Judul Artikel :cara tampilkan avatar pengunjung blog

Terima Kasih Sobat sudah membaca Artikel saya Tentang cara tampilkan avatar pengunjung blog Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih