Membuat border dan background pada widget sidebar
|
7 Mei 2013
|
Tutorial
|
Langkah untuk membuat border dan backgroundnya adalah sebagai berikut:
- Dashboard > Template > edit HTML
- Expand Template Widget dan tick F3 atau CTRL + F serentak dan cari kode:
/* Widgets
----------------------------------------------- */
3.Letakkan kode berikut ini di bawahnya
.sidebar .widget {-moz-border-radius: 5px;-webkit-border-radius:5px;border:3px solid #EA0000;background: url(http://i1243.photobucket.com/albums/gg546/alice4ja/wall03_n_ribbon02_0003.gif);padding:10px;margin:0 0 1.0em;}
Yang aku tandai dengan warna merah itu bisa diubah sendiri menurut keinginan yaitu ukuran px,border atau kode warna nya. Dan untuk yang aku tandai warna biru itu url gambar/image juga bisa ditukar sendiri sesuai keinginan. Url image/gambar bisa diambil lewat seacrhing. Kalau ingin membuat background dengan warna biasa hanya tinggal mengganti url background dengan kode warna contohnya:
.sidebar .widget {-moz-border-radius: 5px;-webkit-border-radius: 5px;border:3px solid #EA0000;background: #FFFCEC;padding:10px;margin:0 0 1.0em;}
Kode di atas kalau diterapkan menjadi seperti gambar di bawah ini:
selamat mencoba chingu ^^
credit : http://loveheaven07.blogspot.com
