Cara Memberi Background Pada Judul Widget

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

Contoh_nya pada gambar yang berwarna merah tersebut.

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;

}

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/AVvXsEh3MzNYyFyPbM698DDcOSFMZzzEQ_-Xs43pWQyXnhihZuPuf4gSsaOcyA11OK7lE-Lhlorcfmm67zqB_UD8LNQERTSL-kDyapiN0F3w5klGSjsJN_Saop_QrOCI3JAzmUnWRl5IWEO4WYl0/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/AVvXsEh3MzNYyFyPbM698DDcOSFMZzzEQ_-Xs43pWQyXnhihZuPuf4gSsaOcyA11OK7lE-Lhlorcfmm67zqB_UD8LNQERTSL-kDyapiN0F3w5klGSjsJN_Saop_QrOCI3JAzmUnWRl5IWEO4WYl0/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

Sumber : http://blazerracing.blogspot.com/2012/01/cara-memberi-background-pada-judul.html

Baca selengkapnya »