cara tampilkan avatar pengunjung blog

: 22.59 13 comments

Otomatis Avatar
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="http://3.bp.blogspot.com/-LZZgEmjpxtg/UpmfmPlf4_I/AAAAAAAACzQ/O85OztEOuX0/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
photo-avatar
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

13 komentar

Febrianto Putra delete 9 Desember 2013 14.45

Keren mas :-bd

Friska Lee delete 11 Desember 2013 05.05

keren mas saya akan coba tapi itu gak bisa dikecilkan ya ..avatar nya

Ruly Jenar Nakula delete 11 Desember 2013 11.07

wah keren nih mas tirik'y .. mantapzzz

Rohis Facebook delete 11 Desember 2013 12.15

unik jg ni pak..,
btw selamat PRx dpt 3, maskolis dpt 6 :\

Direktori Weblogger delete 16 Desember 2013 22.05

Asli keren banget widgetnya. Izin bookmark dulu mas.
Trims sharing bagusnya dan salam kenal :)

tahar onqi delete 18 Desember 2013 21.23

keren nich kayaknya..
bisa dicoba pak

faqih nuzli delete 19 Desember 2013 04.47

Maturnuwun Pak... :)

Andi Lutfi Hidayat delete 17 Januari 2014 18.44

apakah tidak akan mmberatkan blog mas??
salam damai :D

Mahfid Mayanto delete 18 Januari 2014 20.05

Penambahan javascript sedikit banyak tentunya akan berpengaruh pada looding mas jadi tinggal kebijakan kita aja yang mana yang akan kita pasang

Sugeng Wijaya delete 16 Februari 2014 13.18

ide2 yang kreatif Mas,

septian dk delete 20 April 2014 14.10

makasih ya gan atas infonya tolong visit ya di http://iandwikuncahyo.blogspot.com/ dan jangan lupa tinggalkan komenya ya.... :D

saipul muiz delete 24 April 2014 16.13

keren mas!!! :gitar

Wiwit Wibowo Widadi delete 8 Desember 2014 09.43

Mantap

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>