Cara Pasang Garis/Bingkai widget Secara Otomatis dan Bacground Widget

Cara Pasang Garis/Bingkai widget Secara Otomatis dan Bacground Widget, Untuk mengenai pembahasan saya kali ini yaitu melakukan kustomisasi untuk bagian widget, dalam hal ini adalah memberi garis dan warna latar untuk bagian tersebut, maka Anda dapat mengerjakan langkah-langkah berikut ini secara berurutan.
Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’.
Kedua, cari kode ]]></b:skin> dan kemudian sisipkan kode berikut ini tepat di atasnya.

.main-inner .sidebar .widget h2 {
  margin-top: 0px;
  margin-bottom: 1px;
  margin-left-value: 0px;
  margin-right-value: 0px;
  padding: 3px 3px;
  color: #274e13 !important;
  text-align: center;
  border: 1px solid #666666;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 1px #3d85c6;
  background: #bbbbbb;
}

.main-inner .sidebar .widget-content {
  margin: 0px;
  padding: 2px 2px;
  text-align: justify;
  text-decoration: none;
  border: 1px solid #674ea7;
  border-radius: 4px;
  box-shadow: 1px 1px 6px 1px #3d85c6;
  background: #ffffff;
}

.main-inner .widget #ArchiveList {
  margin: 0px;
}

.main-inner .widget ul, 
.main-inner .widget li,
.main-inner .widget ul li,
.main-inner .widget #ArchiveList ul.flat li {
  margin: 0px;
  padding: 2px;
  list-style: none;
}

setelah itu pratinjau dulu kalu berhasil tinggal Save de dan lihat Hasilnya :D

Selamat Mencoba Gan di blog kalian :D

SHARE THIS