Kamis, 19 Januari 2012

Cara Memberi Background Pada Judul Widget


By on 22.14

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.

SELAMAT MENCOBA

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

16 komentar:

  1. @Yaumil Akbar Firdaus: Ok sip Sob, silahkan.

    BalasHapus
  2. Silahkan Gan, dan Terimakasih!

    BalasHapus
  3. sip ahirnya teman ku terbantu gan

    BalasHapus
  4. gan, aku sudah berhasil mengganti warna background. terus kan warnanya hitam. cara ganti warna fontnya gimana ya?

    BalasHapus
  5. Kan kode di atas ada kode color:#071019 ganti dengan kode warna lainnya color:#kode warna lainnya

    BalasHapus
  6. nice info gan thnks ya serta salam persahabatan selalu dari saya

    BalasHapus
  7. gan kalo ngegediin Ukuran Sidebar nya gimana Misal Higet nya 50 whigat 500

    contoh segede gambar ini > https://lh3.googleusercontent.com/-JYPgcp9YrKk/UJuTrBQ3VJI/AAAAAAAAAFc/v1wT5WpXD08/h67/Screenshot_565+copy.jpg <

    BalasHapus
  8. Kasih aja kode di bawah ini.

    height: 42px;
    width:223px;

    Kode di atas telah saya sesuaikan sesuai gambar yang anda minta.

    Sebenarnya harus sesuai dengan ukuran sidebar blog anda.

    BalasHapus
  9. thanks gan bermanfaat nih, nitip bloh ya , tolong komentarnya , http://willvana.blogspot.com/

    BalasHapus