Selamat datang di Blog Arciko Cyber (Powered @ by.Poernama Sidik)

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.


  • 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


(http://4.bp.blogspot.com/_O84nraTVNhw/TTVkjpb4VvI/AAAAAAAAALs/yE_Q-eIWMW4/s1600/background-judul-posting.gif)
Yang berwarna Biru disebut URL Gambarnya.

Maka kode nya jadi seperti Ini :

.sidebar h2 { background:url(http://4.bp.blogspot.com/_O84nraTVNhw/TTVkjpb4VvI/AAAAAAAAALs/yE_Q-eIWMW4/s1600/background-judul-posting.gif)repeat-x; color: #071019; font-size: 12px; font-family: Arialfont-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.

Tidak ada komentar :

Posting Komentar

Silahkan masukan komentar anda...

Semoga Artikel Artikel Arciko Cyber menjadi bermanfaat buat anda dan jangan terlalu cepat, budayakanlah membaca....