Cara Memberi Background Pada Judul Widget
- Login Ke Blog Kamu.
- Pilih Rancangan
- Lalu Pilih EDIT HTML.
- Centang Expand Widget Template.
- Cari Kode ]]></b:skin> , setelah ketemu letakan Kode di bawah ini tepat di atas kode ]]></b:skin>
.sidebar h2 {
background:#ff9900repeat-x;
color: #071019;
font-size: 12px;
font-family: Arial;
font-weight: strong;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}
Keterangan ganti kode yang berwarna Merah dengan kode Warna lainnya.
Lihat Kode Warna
Dan jika kamu menginginkan Background nya pake Gambar, Ga pake Kode Warna maka Kodenya menjadi seperti ini
.sidebar h2 {
background:url(Alamat Gambar Kamu)repeat-x;
color: #071019;
font-size: 12px;
font-family: Arial;
font-weight: strong;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}
Contoh saya mau pake gambar ini nih
(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm54BWsSPz5MVnZZAKWaYjwmrf72snScEUy5RyGp2eVyYqxK-6A_NAJZF6uXPu76yE8MSRI2I9oXV3fLS3o_7ibPMcxDIjFOzTxbhFLZZq2qrvcW5IrnS_oKLHQDn6oasVyzqRo1ptE4iK/s1600/background-judul-posting.gif)
Yang berwarna Biru disebut URL Gambarnya.
Maka kode nya jadi seperti Ini :
.sidebar h2 { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm54BWsSPz5MVnZZAKWaYjwmrf72snScEUy5RyGp2eVyYqxK-6A_NAJZF6uXPu76yE8MSRI2I9oXV3fLS3o_7ibPMcxDIjFOzTxbhFLZZq2qrvcW5IrnS_oKLHQDn6oasVyzqRo1ptE4iK/s1600/background-judul-posting.gif)repeat-x; color: #071019; font-size: 12px; font-family: Arial; font-weight: strong; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; }
Sekian penjelasan saya mengenai Cara Memberi Background Pada Judul Widget semoga artikel ini bermanffat dan berguna bagi sobat, dan jika ada kesalahan haraf tinggalkan pesan di Kotak Komentar.
SELAMAT MENCOBA
Tidak ada komentar:
Posting Komentar