Menjadikan Background Blog Sesuai Dengan Gambar Yang di Inginkan
Aksesoris 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 :
- Log in ke Blog
- Pilih template
- Edit HTML
- Cari code CSS seperti dibawah ini :
#outer-wrapper {width:960px;margin:0px auto 0px;padding:0px;text-align:left;background:black;}- 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;}- 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;}- Angka yang berwarna merah bisa anda ganti, semakin kecil angkanya, maka akan semakin samar bagian Outer Wrapper diblog anda.
- Klik tombol Simpan Template.
- Lihat perubahan blog anda.
Selamat Mencoba Semoga Bermanfaat......
Share this post
Comments