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 :

• Masuk ke Blogger.
• Masuk ke Rancangan bagian Edit HTML.
• Cari kode seperti dibawah ini :
  

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

• Tambahkan kode dibawah ini yang diletakkan dibawah kode diatas
  

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

• Jika digabungkan kodenya akan menjadi seperti dibawah ini :
  

  #outer-wrapper {
  width: 1020px;
  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;
  }

  Angka berwarna merah merupakan ukuran yang digunakan oleh blog ini .Silakan anda ubah angka-angka tersebut. Semakin kecil angkanya, akan semakin semakin samar bagian outer wrapper blog anda.


• Klik tombol Simpan Template.
• Lihat perubahan blog anda.

Trik ini dapat juga anda terapka pada bagian lainnya dari blog anda.
Jika masih terkendala silahkan tinggalkan komentar
Selamat mencoba, semoga bermanfaat.