Selamat datang di blog saya, kali ini saya akan memberikan tutorial tentang membuat kotak komentar
di blog bergambar. Bila anda mencoba tutorial ini blog anda akan
terlihat indah dan semakin bayak yang berkomentar di blog anda. cara
memasang gambar di komentar sangat mudah anda tinggal ikuti langkah
langkah berikut:
- Log In dulu ke akun Blogspot anda.
- Klik Rancangan / Tata Letak--> Edit HTML
- Jangan lupa chacklist tulisan "Expand Template Widget"
- Cari Kode berikut :
- Setelah anda menemukan kode tersebut, anda dapat menggantinya dengan Kode dibawah ini.
- Selanjutnya anda cari kode ]]></b:skin> lalu anda tambahkan kode dibawah ini dan letakkan di atas kode ]]></b:skin>
#ib-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAtTk2U3w-tPFVVO0mepEI3ebyNySAHp_fmSk4ogIkRSRNR5GK3Nn7wdR5WAxaOxG_dPNpOadCU7YK3K1y8frEKU4d39G7YPkN1HDKwcowFDuSlIfr6NIOs7DDGDHfA6bTFYhtSqf4eu7h/s1600/Komentar+Lora+Malunk.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAtTk2U3w-tPFVVO0mepEI3ebyNySAHp_fmSk4ogIkRSRNR5GK3Nn7wdR5WAxaOxG_dPNpOadCU7YK3K1y8frEKU4d39G7YPkN1HDKwcowFDuSlIfr6NIOs7DDGDHfA6bTFYhtSqf4eu7h/s1600/Komentar+Lora+Malunk.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAtTk2U3w-tPFVVO0mepEI3ebyNySAHp_fmSk4ogIkRSRNR5GK3Nn7wdR5WAxaOxG_dPNpOadCU7YK3K1y8frEKU4d39G7YPkN1HDKwcowFDuSlIfr6NIOs7DDGDHfA6bTFYhtSqf4eu7h/s1600/Komentar+Lora+Malunk.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAtTk2U3w-tPFVVO0mepEI3ebyNySAHp_fmSk4ogIkRSRNR5GK3Nn7wdR5WAxaOxG_dPNpOadCU7YK3K1y8frEKU4d39G7YPkN1HDKwcowFDuSlIfr6NIOs7DDGDHfA6bTFYhtSqf4eu7h/s1600/Komentar+Lora+Malunk.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}
- Simpan templet anda.