Cara Membuat Bingkai Pada Gadget

DEMO

• Masuk Dasbor Blogger
• Buka Editor Template dengan cara mengeklik Menu Template > Edit HTML
• Cari code ></b:skin> setelah ketemu letakan code dibawah ini tepat diatasnya.

/* Bingkai Widget
----------------------------------------------- */
.main-inner .sidebar .widget h2 {
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 1px 1px;
  color: #0000E0 !important;
  text-align: center;
  border: 1px solid #99FFFF;
  border-radius: 0px;
  box-shadow: 1px 1px 6px 1px #3d85c6;
  background: #A2FF7A;
}

.main-inner .sidebar .widget-content {
  margin-left: -10px;
  margin-right: -10px;
  padding: 2px 2px;
  text-align: left;
  text-decoration: none;
  border: 1px solid #99FFFF;
  border-radius: 0px;
  box-shadow: 1px 1px 6px 1px #3d85c6;
filter: alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 0.0;

}

.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: 4px;
  list-style: none;
}

• Kemudian Simpan Template Anda. Dan Lihat Hasilnya.

• Ketentuan-ketentuan diatas bisa anda ganti sesuai dengan keinginan anda.

Background Dengan Menggunakan Gambar

background: url("https://lh6.googleusercontent.com/-H-0CmGKOwSg/T_GubudWV2I/AAAAAAAAAPI/SYKtH9zZlXA/s800/Menu.png") repeat-x scroll left bottom rgb(243, 244, 246);

Background Dengan Menggunakan Warna Gradasi

background: -moz-linear-gradient(center top , white 20%, rgb(243, 243, 243) 100%) repeat scroll 0% 0% transparent;

Referensi :

http://eltelu.blogspot.com/