Membuat Background Pada Judul Widget

Membuat Background Pada Judul Widget - Assalamualaikum sobat. Pernah berpikir untuk membuat atau memasang Background Pada Judul Widget ? Jika ya, mungkin artikel tutorial ini pas buat sobat. Langsung saja sobat tanpa basa basi. Ikutin langkah saya yak ^^.

  1. Masuk/ Login pada blog
  2. Pilih Template / Rancangan
  3. Pilih Edit HTML > kemudian klik centang pada Expand Widget Template
  4. Pencet CTRL + F untuk membuka kotak search
  5. Cari kode .sidebar h2 { ,letaknya di atas kode ]]></b:skin> jika tidak ketemu, carilah dengan kata kunci .sidebar dengan diikuti kode h2.
  6. Masukkan/tambah/ copy paste kode berikut background:url(Alamat URL gambar)repeat-x; dibawah kode .sidebar h2 { 
  7. Simpan dan lihat hasilnya.
Keterangan : ganti Alamat URL gambar dengan alamat URL gambar sobat sendiri, atau silahkan mengambil link dari blog billraetz.blogspot.com.


http://2.bp.blogspot.com/-i_16QD-5auE/T_bScVGFrMI/AAAAAAAABK0/FmWEw7G4xFk/s1600/logo+widgen.png

Oh iya sobat, tidak semua kode .sidebar h2 { diatas ada pada semua template blog loh. seperti milik blog milik saya, bukan memakai kode .sidebar h2 { , melainkan #sidebar-wrapper h2 { . Jangan bingung sobat. Cuman beda # ... wrapper doang kok. sidebar ama h2 { tetap sama.

Jadi sobat tinggal pasang cari kata kunci diatas , kemudian tambahkan kode background dibawah kode sidebar h2 {

Contoh Pemakaian milik saya


#sidebar-wrapper h2 {
background:url(http://2.bp.blogspot.com/-i_16QD-5auE/T_bScVGFrMI/AAAAAAAABK0/FmWEw7G4xFk/s1600/logo+widgen.png)repeat-x;
color:#dddddd;
font-family:'Open Sans', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
border-bottom:1px dashed rgba(230, 230, 230, 0.3);
text-align:center;
Bagaimana ? mudah kan sobat ? jika artikel saya belum membuat sobat paham, silakan post komentar yak ^^

Keyword : Membuat Background Pada Judul Widget



Title Post: Membuat Background Pada Judul Widget
Rating: 100% based on 99998 ratings. 5 user reviews.
Author: Reyazandi LBc

Terimakasih sudah berkunjung di blog Kardian Success Line, Jika ada kritik dan saran silahkan tinggalkan komentar

0 comments: