Menjadikan Foto Pribadi sebagai Background Blog
Seandainya saja kamu adalah Nikita Willy atau kekasih artis cantik ini dan ingin menjadikan foto sebagai blog background. Bagaimanakah caranya? Kalau dibayar, tentu saya akan dengan senang hati membuatnya untukmu. Tapi saya sadar istilah "free" atau "gratis" sangatlah populer dalam dunia internet. Semua orang begitu searching, kepinginnya menemukan yang cuma-cuma.
Dari pada waktu saya habis untuk melayani kamu yang maunya gratis, lebih baik saya ajari saja cara membuat blog background dari foto atau gambar apapun. Saya tidak cape dan kamu punya keasyikan baru bereksperimen dengan blogmu.
Langkah pertama adalah menyiapkan gambar. Bisa saja gambar apa adanya atau gambar yang sudah kamu ubah sesuaikan.
Caranya saya lanjutkan besok tapi saat ini kamu sudah bisa melihat hasil dari tutorial ini (klik di sini) Saya lanjutkan ya ...
Setelah gambar siap, upload-lah ke sebuah postingan. Nantinya postingan bisa disimpan sebagai draft. Yang penting bisa upload gambar ke blogger (picasa web album) dan mendapat kode alamat gambarnya. Dalam mode edit html postingan kamu akan mendapat kode-kode seperti di bawah ini.
Ambil kode yang di belakang src= di antara "...". yaitu
Kemudian bukalah kustomasi html template kamu dan temukan kode-kode seperti di bawah ini.
Gantilah
background: $bgcolor;
dengan background: url(' ....pastekan alamat http gambar yang tadi kamu copy di sini... ');
Jangan lupa semua tanda ( ) dan '.. ' harus ada.
Lalu di belakang tanda kurung ('http:....') berilah perintah tambahan untuk posisi dll.
Lengkapnya misalnya jadi begini:
background: url('http://gambar kamu') top right no-repeat black;
top right menunjukkan posisi di atas sebelah kanan. Bisa kamu ganti dengan bottom left, dst.
no-repeat kalau kamu ingin gambar itu hanya muncul satu saja. Kalau mau di-repeat ke samping ganti kodenya jadi repeat-x, dan kalau ke bawah repeat-y.
black menunjukkan warna background di luar gambar kamu. Tentu saja bisa diubah jadi blue, red, atau dengan kode warna lain.
Kemudian untuk mengikat gambar agar tidak bergerak dari tempatnya, tambahkan kode ini persis di bawah kode di atas:
background-attachment: fixed;
Beres sudah. Simpan ubahan template kamu, dan lihat apa yang terjadi. Semoga berhasil.
tag tutorial | judul Menjadikan Foto Pribadi sebagai Background Blog
