Bagi master mungkin yang namanya widget ini sudah tentu sangat menguasai. Namun bagi kita yang baru memulai blog tentunya sulit mengerti cara mendesain blog termasuk mengenal widget. Area widget ini bermacam - macam tampilannya dan itu tergantung dari yang punya blog bagaimana cara mereka mendesain blog mereka.
Dalam area widget ada juga yang namanya judul widget. Nah, pada judul widget kadang kita menemukannya pada sebuat blog tanpa ada backgroud alias transparan dengan laman utama blog. Namun ada juga sebagian blog kita menemukannya yaitu pada area judul widget sudah diberi warna dengan memberi background pada judul widget.
Pada artikel ini kita akan menulis tutorial blog yaitu bagaimana cara memberi warna pada judul widget/gadget atau memberi background pada area judul widget dengan mudah. Berikut kita akan mencoba menulis dua cara yang bisa kita lakukan yaitu :
Cara pertama
Silahkan kita buka menu Template yang ada pada dashboard blog kita. Kemudian silahkan klik Edit HTML dan cari kode ]]></b:skin> dan pastekan kode di bawah ini di atas kode tersebut
.sidebar h2 {
background:#111;padding: 5px;
color: #ffffff;
margin: 0px 0px 8px 0px;
box-shadow: 0 0 0 4px #111, 0px 11px 11px 0px rgba(10, 10, 0, 0.5);
border-radius: 3px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
text-align:left;
}
Setelah kita paste kode tersebut kemudian klik Simpan template dan lihat hasilnya.
Cara kedua
Silahkan masuk menu Template pada dashboard blog kita dan pilih Sesuaikan maka akan muncul halaman pengeditan template dan silahkan pilih Tingkat lanjut dan selanjutnya kita pilih Tambahkan CSS kemudian tinggal klik Terapkan ke Blog.
Nah sampai disini kita sudah bisa memberi background pada area judul widget dengan mudah. Namun jika kita ingin mengubah waran backgroundnya tinggal edit saja kode CSS tersebut dengan cara mengganti kode warna yang ada pada background. Kita bisa mencari kode warna secara online atau bisa juga dengan cara off line yaitu dengan cara membuka aplikasi pengolah gambar seperti photoshop dan kita klik warna dan disitu ada kode warna.
Begitu juga dengan yang lainnya seperti efek shadow dengan cara mengubah angka yang ada pada box-shadow. Demikian pula untuk posisi text bisa diubah menjadi center jika kita ingin judul widget berada di posisi tengah. Itulah sedikit tutorial mengenai blog yang mungkin dapat dipahami.
)