Monday, August 9, 2010

Tips Menambah Gambar Diatas Kotak Komentar

Tips Menambah Gambar Diatas Kotak Komentar
Nah Artikel Kali Ini adalah Tips Menambah Gambar Diatas Kotak Komentar Blog  . Ada kalanya kita ingin sedikit merubah tampilan di kotak komentar dan seperti anda tahu bahwa secara default kotak komentar di blogspot itu sangat standard, dan bagi anda yang ingin berbeda dari sebelumnya saya akan memberikan Trik dan Tips untuk merubahnya seperti screenshoot berikut






Diatas hanya beberapa contoh dari saya dan bagi anda yang ingin merubah gambarnya sesuai keinginan silahkan ikuti petunjuknya berikut ini ,


1. Masuk ke darft blogger > Layout > Edit HTML
2. Centang --> Expand Widget Templates .
3. Carilah kode berikut
4. Setelah anda menemukannya Ganti dengan kode berikut,


5. Sekarang cari kode ]]>

6. Sssipkan kode CSS di bawah ini dan taruh di atas kode ]]>
#mGm-form iframe{
background:#ffffffurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrmuQffU69pek_0n6zuRH3UiE2dS7thcU3SOi-sTW5vtQk1GtN396dYYHjdE1832ml_oTdGLdva5IyXfeWGKJJVxn5BFEPE9nbcB3d_JW5IzoWL2HWGxcPCDtN3aQ4SnjdjHmVnsU6wQ7f/s400/plz-do-not-spam1.gif) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}
#mGm-form iframe:hover{
background:#ffffffurl(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYGkV83i1Cm2bmx8OcHH1GPmtNVQD46tj1xFpP37PzqSRHISqVFL-moeRY_7pOrqLD19kTXSb23f75sRMnoVpcAx4oCpH4zerWB8ulCdfbUBMVJNVCFyC87h2ajGxg1Co1wvFspSlRi5eD/s400/plz-do-not-spam2.gif) no-repeat bottom right;
border:7px solid #7EB2AC;
}
#mGm-form a{
color:#7EB2AC;
}

7. simpan dengan menekan save template

Catatan penting : Maaf Saya Tidak Menyertakan Gambar Yang Satunya Lagi He...He....

� Untuk yang di sorot berwarna merah silahkan ganti dengan alamat gambar anda.
� Untuk warna background dan border yang disorot warna kuning anda boleh menggantinya sesuka hati.
� Gambar dalam kotak komentar diatas bila kena mouse akan berubah (Mouse Hover) jadi anda bisa memakai 2 gambar yang berbeda. Semoga cara membuat kotak komentar dengan gambardiatas bermanfaat

Semoga Berhasilya....HTC DCC
Saran Dan Kritik Anda Sangat Membantu Saya Dalam Menulis Artikel Selanjutnya Pada Blog Ini...