Membuat Warna Background Blog Transparan

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. Masuk ke Blogger.
2. Masuk ke Rancangan bagian Edit HTML.
3. Cari kode seperti dibawah ini :

#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
background:black;
}



4. Tambahkan kode dibawah ini yang diletakkan dibawah kode diatas

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



5. 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;
}

Klik tombol Simpan Template.

Lihat perubahan blog anda.

Semoga Berhasil..