Cara membuat background Blog menjadi transparan

Asesoris blog yang satu ini dikhususkan bagi anda yang memiliki blog dengan latar belakang berupa image.
Secara umum latar belakang image hanya tampil sebagian karena tertutup oleh warna latar dari outer wapper, main wrapper dan sidebar wrapper. Untuk mengatasi masalah tersebut anda harus sedikit menyamarkan latar yang menghalangi background berupa gambar tadi.
Bisa juga dilakukan dengan menghapus warna latar belakang dari outer wapper, main wrapper dan sidebar wrapper, tapi hasilnya artilkel/postingan blog anda akan menjadi kurang jelas karena bersatu dengan gambar latar.
Tutorial ini merupakan salah satu solusi bagi anda untuk menampilkan bayangan latar berupa gambar tetapi tidak terlalu mengganggu bagian lainnya dari blog.

Jika anda tertarik untuk menampilkannya, ikuti langkah-langkahnya :
1.Log in ke Blog
2.Pilih template
3.Edit HTML
4.Cari code seperti dibawah ini : 

#outer-wrapper{width:960px;margin:0px auto 0px;padding:0px;text-align:left;background:black;}

5.Letakan code di bawah yang akan diletakan dibawah code diatas

filter: alpha(opacity=100);-moz-opacity: 1.8;opacity: 0.8;-khtml-opacity: 0.0;}

6.Jika digabungkan kodenya akan menjadi seperti dibawah ini :

#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
background:black;
 filter: alpha(opacity=100);
-moz-opacity: 1.8;
opacity: 0.8;
-khtml-opacity: 0.0;}

7.Angka yang berwarna biru bisa anda ganti, semakin kecil angkanya, maka
   akan semakin samar bagian Outer Wrapper diblog anda.
8.Klik tombol Simpan Template.
9.Lihat perubahan blog anda.

Selamat Mencoba Semoga Bermanfaat

Share :

Tweet

More

Related Post