Bingkai & Background Sidebar

Shalom.. selamat pagi semuanyaa!!

hari ini  kita belajar cara membuat border *aku si lebih enak dengar kalo bilang binkgai ..

hari ini kita belajar cara mempercantik bingkai pada SIDEBAR & JUDUL ENTRY!!..

coba kalian liat Sidebar kalian pasti bentuknya biasa ajakan,,,, kan..kann... *lo makankan :D

 dan ini sidebar yang udah di pules pules dengan kosmetik dari Oriflame :D... 

maksud aku uda di edit gitu lo... 

Cara untuk mengubahnya adalah....

Login Blog >>  Rancangan >>  Edit HTML!! 

Cari kode  yang seperti ini :

.main-inner .sidebar .widget h2 { 

 

atau cari kode h2 {

mungkin setiap template tu berbeda beda jadi kalian cari yang mirip mirip dengan kode diatas!

setelah ketemu, paste kode border di bawah kode yang dicari tadi,  pilihannya 

terserah kalian 

aja.....*cari kode tersebut dengan CTRL F *biar enak

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px;

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

dan ini untuk lebih keliatan  jreng  cantik gitu.. lebih cantik...

gambar yang paling atas itu yang aku lingkari..itu warna pink dan ada garis putus putus warna biru ....

kalian bisa buat gitu juga dengan menambahkan beberapa kode dibawah... dibawah kode border laa...

kode untuk background... yang warna pink!

 Copy kode dibawah ini :

  background  :#ff69ba ;

dan untuk garis putus putus tersebut pake kode ini.

    Border: 2.2 px dotted #071585;

dotted bisa diganti dengan Solid

Dotted = garis  putus putus 

Solid = Garis biasa!

Jadinya nanti kode kalian itu seperti ini :

.main-inner .sidebar .widget h2 {
    background :#ff69ba;
    Border: 2.2px dotted #071585;
    -moz-border-radius: 1em 4em 1em 4em;
    border-radius: 1em 4em 1em 4em;
}

Seandainya kalian mau pake gambar untuk background kalian juga bisa.. dengan cara :

background: url("URL GAMBAR ANDA") repeat;

itu kalo kalian mau pake gambar…

kalain bisa pilih warna di sini
kalo udah selesai mau save, baiknya di pratinjau dulu..kalo gak ada eror ok simpan!

**kalo ada yang ginian tapi malas mau buat aku bisa buatin.... *gak gratis si!

selamat mencobaa!

da..daa...