Senin, 26 Maret 2012

Cara Memberi Background Pada Judul Widget

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, dengan memakai Tips ini memungkinkan Blog kamu akan terlihat lebih indah, baik ini dia langkah-langkah mudah nya.

    http://www.bloggingshiksha.com/wp-content/uploads/2011/09/blogging-tips.jpg
  • 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: 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.

SELAMAT MENCOBA

Tidak ada komentar:

Posting Komentar