Senin, 10 November 2008

Tips Membuat Warna Background Transparant Pada Sidebar

Membuat warna transparant cukup mudah, hanya menambahkan opasity dengan pengaturan prosentase transparan-nya. Disini aku hanya ingin mentransparant sidebarnya aja dan untuk yang lainnya terserah modifikasi blogger mania wae HiHiHi. Fungsinya sih biar background utama tetap tampak pada sidebar ataupun posting dsb. Contohnya sidebar saya disebelah kanan posting artikel ini jika masih ada sebelum saya ganti loh, biar gak bosen... HeHeHe

Langkahnya sederhana :

1. Login blogger
2. Layout + Edit HTML + Backup dulu + centang Expand Widget Templates
3. Kemudian cari kode --> #sidebar-wrapper {

#sidebar-wrapper {
border: 1px solid $SBbdColor;
background-color: $SBbgColor;
margin-right:10px;
position: absolute;
right:10px;
top:93px;
width:315px;
background-repeat: repeat-x;
background-position: center top;
}


4. Kemudian sisipi kode seperti dibawah ini :
#sidebar-wrapper {
border: 1px solid $SBbdColor;
background-color: $SBbgColor;
opacity: 0.9;
filter: alpha(opacity: 90);

margin-right:10px;
position: absolute;
right:10px;
top:93px;
width:315px;
background-repeat: repeat-x;
background-position: center top;
}


Intinya disini : Hanya menambahkan kode warna biru diatas saja.

5. Save template ( selesai deh )

Tidak ada komentar:

Posting Komentar