Kali ini saya share tutorial blogger lagi, yaitu Cara Menambah Background Di Kotak Komentar Blog. Tutorial blogger ini saya dapatkan dari agan wakrizki karena saya gak sengaja muter-muter tersesat di blog tersebut, nemuin artikel tutorial ini.
Kata agan Wakrizki, dengan menambahkan background pada kotak komentar blog
kita, supaya agar pengunjung blog kita tidak bosan dengan tampilan
kotak komentar yang putih polos :D. Ada kalanya kita bosan dengan
tampilan itu, tidak ada salahnya kita membuat perubahan kan, yang
tentunya menjadi lebih baik.
Berikut ini adalah tampilan kotak komentar yang diberi background:
1. Login ke blogger.
2. Dasbor >> Rancangan >> Edit Html >> Kasih centang pada "Expand Template Widget".
3. Tekan tombol CTRL + F untuk memudahkan pencarian kode.
4. Letakkan kode berikut tepat diatas kode ]]></b:skin>
#comment-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdr77xno9kTrPMa1MfEPGe4XNGAqEU2YhciJ2ruIjiCeMV4Pzw1K0qSOD-MlgmHmlLiL21nnDrldebhLu2SOnSqpbrQZAYXJe3j_6tq8VgSSAJ6952AH57P4gqa8DF30oHtEHeL_Hc_K0/s1600/rumput.jpg) ;
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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEHunXjSxzDfh7dOKgZQ8S3Yyrf6MCngFMEO8CAM5wP_xqh6OCv5zuFzRRCuNh_rE0HYxQg4yyxOqihmnqgJMUGNg_358AmpriaQob0-AyvA_RCghJGls7xYB3EXDkOmTZD1aPiWFJuQo/s1600/bintang.gif);
border:7px solid #999FFF;
}
5. Kemudian, cari kode yang paling mirip seperti dibawah ini!
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='230' id='comment-editor' name='comment-editor' src='' width='507'/>
6. Kemudian tambahkan kode <div id='comment-form'> dan </div> diantara kode diatas!. jadinya seperti dibawah ini:
<div id='comment-form'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='230' id='comment-editor' name='comment-editor' src='' width='507'/>
</div>
7. Jika semuanya sudah, jangan lupa klik "Simpan Template" dan lihat hasilnya :). Selamat mencoba dan semoga berhasil dan membuat blog sobat menjadi menarik dan banyak pengunjungnya :D.
blog
- Blog Putupunyablog Update Backlink Dan Alexa Rank
- Cara Membuat Gambar Bergetar Otomatis Di Blog
- Cara Membuat Browser Bergetar Saat Di Klik Kanan
- Cara Membuat Efek Banjir Di Halaman Blog
- Kata-Kata Paling Populer Di Dunia Maya
- Kesalahan Paling Sering Dilakukan Pengguna Blogger
- Cara Membuat Tombol Show Hide Komentar Blog
- Cara Ampuh Agar Blog Ramai Pengunjung
- Cara Membuat Headline News Di Blog Terbaru
- Trik Cara Mengetahui Link Dofollow Dan Nofollow
tutorial
- Cara Membuat Gambar Bergetar Otomatis Di Blog
- Cara Membuat Browser Bergetar Saat Di Klik Kanan
- Membuat Alt Tag Dan Title Otomatis Tiap Gambar
- Cara Membuat Tombol Show Hide Komentar Blog
- Cara Ampuh Agar Blog Ramai Pengunjung
- Cara Membuat Headline News Di Blog Terbaru
- Trik Cara Mengetahui Link Dofollow Dan Nofollow
- Trik Membuka Situs Web Yang Diblokir
- Kapan Blog Putupunyablog Pagerank-nya Update Lagi?
- Widget Untuk Menarik Jutaan Pengunjung Di Blog
Sumber : http://rendy-putra-valkyrie.blogspot.com/2012/08/cara-menambah-background-di-kotak.html#ixzz2DwvCi6pl
akan membagikan situs-situs tempat download gameyg menurutku paling bagus untuk download game
.Ya udah sob langsung aja pilih sesuai selera
jadi harus ngerti dulu sob bahasanya
6 Komentar:
Poskan Komentar
Silahkan Berkomentar. Dilarang Live Link. Tidak Memakai Verifikasi Kata. Jika Koneksi Lambat, Gunakan Komentar PopUp Di Bawah!. Berkomentarlah Dengan Sopan!.