Tutorial Membuat Kotak Komentar Blogspot Bergambar, Harus garuk-garuk kepala dulu neh sob,setiap awal postingan selalu binggung mau buat kata sapaan apa, soal nya masih newbie :))
Baik lah seperti kata sapaan biasa saja, kali ini saya mahu berbagi tutorial yang berhubungan dengan kotak komentar di blogspot,yang tujuan nya hanya untuk memperindah kotak komentar saja,supaya para pengunjung tertarik untuk berkomentar.
Dan untuk membuat nya berikut cara-caranya :
1. Masuk ke blogger;
2. Klik Template,Edit Html
3. Checklist Expand Template Widget (Jgn lupa Backup template);
4. Kemudian tambahkan kode script berikut ini diatas kode ]]></b:skin>
Baik lah seperti kata sapaan biasa saja, kali ini saya mahu berbagi tutorial yang berhubungan dengan kotak komentar di blogspot,yang tujuan nya hanya untuk memperindah kotak komentar saja,supaya para pengunjung tertarik untuk berkomentar.
Dan untuk membuat nya berikut cara-caranya :
1. Masuk ke blogger;
2. Klik Template,Edit Html
3. Checklist Expand Template Widget (Jgn lupa Backup template);
4. Kemudian tambahkan kode script berikut ini diatas kode ]]></b:skin>
#comment-form iframe{
background:#ffffff url(Url gambar jika ingin membuat gambar) ;
border:5px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
height:230px;
}
background:#ffffff url(Url gambar jika ingin membuat gambar) ;
border:5px solid #9999FF;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
height:230px;
}
#comment-form iframe:hover{
background:#000000 url(Url gambar jika ingin membuat gambar);
border:7px solid #999FFF;
}
Jika kode tersebut telah ada, maka sobat hanya perlu memodifikasi elemen yang ada di dalamnya, saya menemukan sebagian template tidak memiliki kode tersebut. Sobat bisa merubah gambar background sesuka hati sobat.
5. Selanjutnya sobat cari kode yang mirip seperti ini:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/>
<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/>
6. Kemudian pastekan kode <div id='comment-form'> dan </div> diantara kode tadi sehingga menjadi seperti ini:
<div id='comment-form'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display:inline'/>
<iframe class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='490'/> <data:post.iframeColorizer/>
</div>
7. Pratinjau terlebih dahulu bila sudah tidak ada lagi kesalahan, baru di save.
Ket :
Url gambar jika ingin membuat gambar maksud nya yaitu apabila sobat ingin membuat background kotak komentar dengan gambar, sisipkan URL gambar sobat pada tulisan berwarna merah tersebut.
Mudah-mudah dimengerti yah, jika ada pertanyaan sobat bisa menanyakan saya langsung pada kotak komentar dibawah ini.
Terima kasih.
Reviewer: eljohn us
