Cara Mudah Membuat Background / Kotak Pada Judul Sidebar

Selain memberi widget ada calain untuk mempercantik tampilan blog, yaitu dengan memberi background pada judul sidebar, selain untuk mempercantik blog, cari ini sangat membantu para pembaca untuk membedakan antara judul gadget dan isi gadget, Cara memberi background pada judul sidebar sebenarnya sangatlah mudah, berikut langkah langkahnya.

LANGKAH 1 :
  • silahkan masuk keblog anda
  • Pilih TEMPLATE >> lalu pilih EDIT HTML
  • Cari kode yang mirip seperti dibawah
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

LANGKAH 2 :
  • ganti kode pada langkah pertama, dengan kode dibawah
h2 {background: #000000;
color: #fffffff; 
font-size: 15px; 
font-family: Georgia; 
font-weight: strong; 
margin: 0px 0px 0px 0px; 
padding: 5px; 
text-align:center;
border : 2px solid blue: 
}


Keterangan :

  • background: #000000; untuk mengganti background pada judul sidebar
  • color: #fffffff;  untuk menggati warna tulisan pada judul sidebar
  • text-align:center; berguna untuk memindahkan judul ketengah tengah. jika ingin kekanan ganti dengan "right", jika ingin kekiri ganti dengan "left".
  • border : 2px solid blue: untuk memberi kotak pada sidebar. "2px"mengatur ketebalan garis. "solid" jenis garis. "blue" warna garis.

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)