Cara Membuat Background Blog Transparan A Z K A V E I R O: Cara Membuat Background Blog Transparan
5

Cara Membuat Background Blog Transparan

Share on :
Kali ini, kita akan membahas tentang penggunaan opacity ( keburaman ) pada template blog yang mungkin lebih tepatnya penggunaan background transparan ( tembus pandang ) pada template blog.
Tutor kali ini saya khususkan untuk blog dengan background image atau gambar, tidak terlalu bagus untuk backround warna karna hanya akan menghasilkan perpaduan ke 2 warnanya saja. Misalnya sobat menggunakan background berwarna hitam dengan warna outer-wrapper berwarna putih, maka hasil perpaduannya akan memunculkan warna abu-abu.. jadi nggak berguna dong efek tranparantnya...

berikut kode yang di gunakan untuk membuat background transparan


filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.6;
-khtml-opacity: 0.0;

Untuk penerapannya sobat tinggal menyisipkan kode tadi sesudah kode warna. seperti berikut.

#outer-wrapper{

width:980px;

margin:0 auto;

padding:5px;

background:#f2f2f2;

filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.6;
-khtml-opacity: 0.0;
border:1px solid $bordercolor;

text-align:$startSide;

font:$bodyfont

}

Tambahan :
  1. Berlaku juga untuk wrapper lainnya seperti header, main, sidebar dan footer, namun saran saya untuk tidak menerapkannya di wrapper lain jika sudah di pasang di outer-wrapper, karena outer-wrapper sudah mencakup semua bagian wrappernya.  
  2. Edit angka yang berwarna merah hingga sesuai dengan keinginan.

Ditulis Oleh : Azka Aveiro ~ Tips dan Trik Blogspot

Azka Vrexzwinsky Sobat sedang membaca artikel tentang Cara Membuat Background Blog Transparan. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

5 komentar:

Hanief-7 mengatakan...
Reply

tq

Azka Aveiro mengatakan...
Reply

@Hanief-7 cma2

Informasi Terkini mengatakan...
Reply

gan...ada ga cara masang gambar di label tertentu?

bAcklink GraTis mengatakan...
Reply

Makasih infonya gan,,lg belajar nih

ran_ranz mengatakan...
Reply

gan gimana caranya pasang smile diatas ke blog saya?
thanks
:angel

Poskan Komentar

BLOG INI DOFOLLOW .
Silahkan tinggalkan komentar dan kritik sobat, tapi mohon jangan SPAM ya..!
Komentar SPAM akan di HAPUS oleh admin.
Komentar yang membangun sangat dibutuhkan oleh blog ini.
Terima Kasih.

Back to Top