Sebagian orang menginginkan blognya tampil dalam bentuk transparent, misalnya pada blog yang sedang anda lihat sekarang (mohon maaf, karena beberapa alasan, saya sudah mengganti template blog ini. Tapi tutorial ini tetap bisa anda terapkan, setidak-tidaknya diuji coba). Di belakang postingan, sidebar dan semua pernak-perniknya ada background yang tidak ikut bergerak ketika anda melakukan scroll. Asyik, bukan?
Sebenarnya ide dasarnya adalah soal background. Yang umum dipakai tentu saja background dengan warna atau gambar tertentu, baik pada ruang postingan saja, sidebar saja atau header saja. Pada background statis dimana hanya content blog saja yang ikut dalam gulungan tentu saja banyak pula yang menyukai, termasuk saya.
Bagaimana cara membuat blog supaya transparan pada blogger, silahkan ikuti dan terapkan langkah langkah berikut ini :
Sebelumnya siapkan dulu sebuah gambar (Untuk ukuran background full halaman sebaiknya menggunakan piksel 1024x768) lalu simpan misalnya di Photobucket atau di TinyPic untuk kemudian anda ambil link gambar tersebut.
Langkah berikutnya, masuk ke dashboard klik LAYOUT (Tata Letak) dan klik EDIT HTML. Jangan lupa centang Expand Widget Templates. Kemudian cari kode berikut.
background:$bgcolor;
Lalu copy kode berlatar hijau di bawah ini dan paste pada kode di atas, letaknya persis di bawah body {
body {
background:url(http://i632.photobucket.com/albums/uu50/ocesatria55/closeUPKU3333333333333333.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
Anda boleh menggganti alamat URL gambar ini http://i632.photobucket.com/albums/uu50/ocesatria55/closeUPKU3333333333333333.jpg dengan alamat gambar anda sendiri...
Sebelum di-save lihat dulu Pratinjau untuk memastikan ada atau tidaknya kesalahan. Setelah yakin baru klik:
Save Template.
Dan silahkan lihat dan nikmati hasilnya . Anda juga dapat menerapkan kode tersebut untuk semua background. Silakan cari sendiri
O ya, referensi saya untuk postingan ini adalah masterGomaster, Thanks ya!
