Cara menampilkan nama | avatar pengunjung blog

S

ebagai penghormatan sekaligus apresiasi untuk pengunjung blognya kang mahfid yang sangat sederhana ini ,kang mahfid akan membuat sebuah script khusus untuk menampilkan nama pengunjung sekaligus avatar tampil di halaman blog .he he he he kok garuk garuk kepala ..!!! kenapa bingung yach...udah gak usah dipikirin emang bahasa kang mahfid memang sulit di mengerti,mending lihat gambar screenshotnya saja di bawah ini

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( sebenarnya ngak harus sich ),nah jika sobat mengisi nama sobat dengan benar maka nama sobat akan tampil di halaman blog sebelah kiri atas (lihat contoh gambar).
Buat sobat yang ingin pasang script ini di blog sobat ikuti tutorialnya secara lengkap di bawah ini.

1. Login ke blogger 
2. Setelah masuk ke Dasboard  pilih Edit Html  lalu dengan bantuan  Ctrl + F cari kode ]]></b:skin> truh kode di bawah ini tepat di atas nya 

.tamu{color:white;background:black;width:122px;text-align:center;position:fixed;bottom:100px;left:20px} .avatar{border:0px solid red;float:left;padding:10px}

3. Lalu Save template
4. Masih di dasboard pilih tata letak ,tambah gadget ,pilih html java script  masukkan kode script di bawah ini 

<div class="tamu">
    <div class="avatar"><img src="http://cimorellimusic.com/img/default-avatar.png"width="100"height="100"></div>
<script type="text/javascript">
   <!--function Info()
   {
   name=prompt("Untuk mendapatkan forum khusus di blog ini  "+
   "Silahkan isi kan Nama sobat dengan benar di kolom ini","Sobat Blogger");
   }
    document.write("<b> "+name+"</b>");
    
   //-->
   </script>
</div>

5. Lalu Save