Cara Menambahkan Background Pada Kotak Komentar

Memberikan Background Pada Kotak Komentar adalah Memberikan Background Pada Kotak Komentar yang bisa anda pilih sendiri background yang anda mau Atau anda juga bisa menggantinya dengan kode warna yang anda mau Tak hanya itu Kotak Komentar Juga Dilengkapi Dengan Efek Bayangan atau Hover, Dibandingkan tidak menambahkan background yang terlihat simple-simple saja. Anda Juga Bisa Menambahkan Background lain yang bisa anda ambil di Background Labs Website ini saya pilih karena Background yang menarik dan gratis yang bisa anda pilih sesuai yang anda suka. Memberikan Kotak Komentar adalah salah satu cara untuk memberikan variasi yang menarik untuk lebih dilihat atau untuk menarik pengunjung untuk berkomentar. Menambahkan Background Pada Kotak Komentar ini Juga Mudah Dipasang. Untuk Memasangnya Anda Bisa Ikuti Cara Berikut ini:

• Silahkan Login Ke Blogger Anda.
• Setelah itu, Klik Menu Template, Terlebih Dahulu Anda Backup Template Anda, Lalu Klik Tombol Edit HTML.
• Centang Expand Template Widget, Lalu, Cari Kode ]]></b:skin> dengan menekan CTRL+F atau Dengan F3.
• Masukan Kode Berikut ini Diatas Kode ]]></b:skin> :

#YBB-form iframe{

background:#ffffff url(URL Gambar Anda) repeat;

border:1px solid #ddd;

-moz-border-radius:6px;

-webkit-border-radius:6px;

box-shadow: 5px 5px 5px #CCCCCC;

padding:5px;

font:normal 12pt "ms sans serif", Arial;

color:#2F97FF;

width:560px; height:213px !important;

}

#YBB-form a{

color:#fff;

}

Ketarangan:

Ganti Kode Yang Berwarna Merah Dengan URL Gambar Background Anda Yang Bisa Anda Pilih Dibawah. Kode Yang Berwarna Hijau Adalah Warna Dari Teks Komentar, Jika Anda Mau Mengantinya, Ganti Dengan Kode Warna 6 Digit. Kode Yang Berwarna Kuning adalah Lebar Dari Kotak Komentar.

URL Gambar Background :

http://bglabs.evade.netdna-cdn.com/45875kli90/159.gif

http://bglabs.evade.netdna-cdn.com/45875kli90/163.gif

http://bglabs.evade.netdna-cdn.com/45875kli90/170.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-3OmHulBaxgXjOSAdz9PngYnr4lgLhQdhIZu8xD-EvVzcT9b_hOATnr32kb9iE_jReOKC3QKfeBk4-aVlrgZ8p_8kTskYo1HbIVFXDD-JfhsKEzwDF2ZfpQiXgoqKx-ax1uJoZrAEk-M/s1600/blur.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4YP-ywYDYjruKNDcvYj-TyudnkfN9mkSpN7w-ftlOj7jXFd7mk8YS8cKccn7tzZPnoawO0l7igSECufnCuaV6GBEMHPvdhYitsRg4XyMVGISVpXmBdckogAd174AY6whQBYY77OrBdXU/s1600/cread.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfP3ChAc01-x3xlWPD8a7gYNTDMlthGkBauXF6RK1IGUsKJhZpC1kP0dxJnv6jZfl-SywwxFxjUeSE6QAjjK3cjoU5XTk6LM9mEp4nPmpJ2JXeKQVFH_ZDB-kP9MrgcU50rjTqdEg3Cg0/s1600/Rush.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCD2hmq2zjdEHjTE2NCaMgeRqeqrNXLOvZk7mpL_GykUTNAdO71BNMl8mlYEacXkkmY-q1CvE54SkIYpM5aztO4UE-Ki9yWG-F9Vx-PgSDQ77HrJubCT9QiebLdjKNMNOA065_-ttQTOI/s1600/hwei.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgux96ASovgBhs1Q20AMRzrtJB8QVJBCexXEzw3XZF3Iq7bTPRVzY-s6BoYE3oeB-hYY0mKyAliytCPQgV2DeJNigz_x9KI__GcDhYdY4728yKYUjNloniZolpobyaCzKwqCb4VhFwHj5I/s1600/grae.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9sr9w0oLFNEu4mbTjjl2BIRSoliGcPIKkrJtyrklbDHikahC65OqdkjcMnMhYhaL2DTuLnoXZLAaqXEAMzlgBi0qNeG7WwrnrtB_dmwdKpc1lSwURxNF2ulfUD5KHYeT2GAk6yxpVXY/s1600/frect.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhikwATHsLTTiXoj10PuC3XR8thYJNPjGzEeUi0DhqFo_mUK3dgPsNQ50Qd4jHDcD0n26utoVEkO57zVcMIW-fBVPSfbP0hDTxfUM-63W8xwQeFUunUoOETUOEtgm7NatSJZ0O6VzkzqyU/s1600/Creck.png

• Setelah itu, Cari Kode <div class='comment-form'> dengan menekan CTRL+F atau Dengan F3.
• Lalu, Ganti kode <div class='comment-form'> dengan kode Berikut:

<div id='YBB-form'>

• Lalu, Klik Tombol Simpan Template.

Sumber

• Sumber