Membuat Warna Backgound Blog Transparan

Asesoris blog yang satu ini dikhususkan bagi anda yang mempunyai blog dengan latar belakang berupa image.
Secara umum latar belakang image hanya tampil sebagian alasannya tertutup oleh warna latar dari outer wapper, main wrapper dan sidebar wrapper. Untuk mengatasi dilema 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 alhasil artilkel/postingan blog anda akan menjadi kurang terang alasannya bersatu dengan gambar latar.

Tutorial ini merupakan salah satu solusi bagi anda untuk menampilkan bayangan latar berupa gambar tetapi tidak terlalu mengganggu bab lainnya dari blog.

Jika anda tertarik untuk menampilkannya, ikuti langkah-langkahnya :

1. Masuk ke Blogger.
2. Masuk ke Rancangan bab Edit HTML.
3. Cari isyarat ibarat dibawah ini :
   
   
   #outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
background:black;
}


4. Tambahkan isyarat dibawah ini yang diletakkan dibawah isyarat diatas
   
   
   filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.8;
-khtml-opacity: 0.0;


5. Jika digabungkan kodenya akan menjadi ibarat 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;
}
6. Angka berwarna kuning merupakan ukuran yang dipakai oleh blog ini .Silakan anda ubah angka-angka tersebut. Semakin kecil angkanya, akan semakin semakin samar bab outer wrapper blog anda.
7. Klik tombol Simpan Template.
8. Lihat perubahan blog anda.
   

Trik ini sanggup juga anda terapka pada bab lainnya dari blog anda.

Selamat mencoba, biar bermanfaat.

Sumber http://epg-studio.blogspot.com/

Bagikan Artikel ini