Cara Membuat Bingkai Dan Mengubah Warna Latar Pada Judul Serta Area Widget

Nah, dalam hal 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;
}


Ketiga, simpan template Anda.