Cara Memberi Background Pada Judul Widget blog

Cara Memberi Background Pada Judul Widget blog - Kali ini saya akan berbagi Tutorial Blogger, yaitu Cara Memberi Background pada Judul Widget Di Sidebar, dengan memakai Tutorial ini memungkinkan Blog kamu akan terlihat lebih indah, baik ini dia langkah-langkah mudah nya.

Berikut Cara Memberi Background Pada Judul Widget blog :

• 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 seperti Gambar Background milik saya :

(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXiEccNAQXfPMGucnjZvbiPt9yMxmDmgqkTXjxhLm5mDJ2BOrPnk-VoDzk3Bk8snG8fpDSHjjihn3AD75-cYUC7K3j3j1mg4vbyuT4yzNMzsZnaxTYj4unJDiuhUSw5VF0ZUavD7T9fTDe/s1600/background-judul-posting.gif)

Yang berwarna Biru itulah URL Gambarnya.

Maka kode nya jadi seperti Ini :

.sidebar h2 {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXiEccNAQXfPMGucnjZvbiPt9yMxmDmgqkTXjxhLm5mDJ2BOrPnk-VoDzk3Bk8snG8fpDSHjjihn3AD75-cYUC7K3j3j1mg4vbyuT4yzNMzsZnaxTYj4unJDiuhUSw5VF0ZUavD7T9fTDe/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; }

 Oke semoga berhasil ya .. :D

Share this post