Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara Menambahkan Background Pada Kotak Komentar

by Irsyad Aslam , at 3/22/2013 , has 0 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 :

Right click and Save Picture As...
http://bglabs.evade.netdna-cdn.com/45875kli90/159.gif
Right click and Save Picture As...
http://bglabs.evade.netdna-cdn.com/45875kli90/163.gif

Right click and Save Picture As...

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA9fqN8OePlgUXNZRNy8xFpB1dPK6it4QL_BBz6ZXF1YTWt4AOomtYk0TWxPu8WyJZ39jkzEVDYP7OKgAj59Xw-RQpdB8C_ugO2J0xzjY-qdR5DL38SO6TcWHol-fYqBlAviS1111P9wk/s1600/blur.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3cDn-l145RJuxa70e_hnZQ9HHlxfDeWYQ5cQgvmz5eb-PWzpi3NMQUROBaDKuGuz5jYEtmxniLORIA57-f1EtszZbeYGK_gVvAuas9lhrVZAxbF7lNUxuQ53LZoG8iv3zDS9h41UsC-E/s1600/cread.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj41_ODSleM9HP4t21DgXsskKvgsmw9yyjhOhHRYn9MKIdsiJjGdZxYH-28otek2OJvoK_j6mvuA3h9dNZyonUJ_DzJ90rWmAHwtsQpKCmUdLkW1ZAK15nj_PWArQDoApI_5IFA3XgVB6s/s1600/Rush.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw3ACrjNlQbRJBpXrHNIiYS0Uji512nuKzzETky8NGf7bNQRZD1uupop5WYnx7W6l6fhDwsQ2SZgd-JUnYlEWyiOtPyS1DarZzKsXwm3b3BALGwt-WJ-BMK7uAvE8LwYKkwiEKxA-Z_eE/s1600/hwei.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-0mABs_qEw3Nd-wamW7G2v5CLSiIpnPDEv7BKOUrI8Jz8anupWUQapPyVbyhjZAYMYlYzS43e9gBXdfoMBRbBKaHqNeOtYw3iLVjn5BjYMkGK0igA_2pudVzx32MiYIWdAH9Dq4c3RHg/s1600/grae.png



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


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzGxPHzSdRWys9lVulUYc0il16MAdggbBxRiT1l8wV1-DLi_Y1yaizklFBqO4zJALkHlhqgT4B2-unwu0DYltKj3k3L1mMCq2aOvfirKUnJParW4rYz_6ejTC4m2li7uU4pvj_Olk9HTE/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.

Selamat Mencoba,
Salam Sukses,



Your-BelajarBLOG
Irsyad Aslam
About
Cara Menambahkan Background Pada Kotak Komentar - written by Irsyad Aslam , published at 3/22/2013, categorized as Efek . And has 0 komentar
0 komentar Add a comment

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger
-->