Menambahkan gambar/image/photo di background Blogger adalah cara
yang baik untuk menyesuaikan blog pribadi Anda, dan akan menonjol di
antara yang lain. Dengan cara ini, blog Anda akan dikenali dengan ciri
khas anda sendiri.
Di Blogger jika ingin merubah pilihan "Font dan Warna" memang telah tersedia, tapi untuk merubah background dengan gambar atau photo pasti tidak ada untuk itulah saya menyiapkan postingannya
Ketika memilih gambar, perhatikan bahwa ada 2 jenis gambar (foto) yang digunakan untuk latar belakang:
1.Bilamana Anda menggunakan gambar yang kecil waktu loading halaman akan lebih cepat
2.Bilamana Anda menggunakan gambar yang besar waktu loading halaman akan lebih lama
KETIKA ANDA MEMILIKI gambar, HAL YANG PERLU DIPERHATIKAN ADALAH SEBAGAI BERIKUTNYA :
body {
background:$bgcolor;
Ganti alamat gambar diatas yang sudah disorot warna biru dengan alamat gambar anda ... Simpan Template. Dan silahkan lihat hasilnya.
Bilamana ingin posisi gambarnya vertikan anda tinggal mengganti kode repeat-y;
Simpan template anda dan lihat hasilnya. Demikian trik pasang gambar/photo background di blog bilamana kurang dimengerti silahkan tinggalkan pesan, Terima kasih atas perhatiannya dan semoga bermanfaat
Di Blogger jika ingin merubah pilihan "Font dan Warna" memang telah tersedia, tapi untuk merubah background dengan gambar atau photo pasti tidak ada untuk itulah saya menyiapkan postingannya
1.Bilamana Anda menggunakan gambar yang kecil waktu loading halaman akan lebih cepat
2.Bilamana Anda menggunakan gambar yang besar waktu loading halaman akan lebih lama
KETIKA ANDA MEMILIKI gambar, HAL YANG PERLU DIPERHATIKAN ADALAH SEBAGAI BERIKUTNYA :
- How to add background picture in Blogger?
- Upload gambar (image) anda ke host web gratis (seperti Photobucket, TinyPic ...) untuk mendapatkan alamat URL gambar, yang akan kita gunakan dalam kode Blogge.
- Back up template blogger anda terlebih dulu untuk jaga jaga bila terjadi kesalahan.
- Masuk ke dashboard ► LAYOUT ► EDIT HTML, dan temukan bagian kode berikut.
body {
background:$bgcolor;
- Setelah menemukan kode diatas ganti dengan kode dibawah ini, bilamana ingin gambarnya ditengah Kode CSS seperti dibawah :
body {
background:url(http://i671.photobucket.com/albums/vv80/dadfereneczi/TrickSEO.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top center;
Ganti alamat gambar diatas yang sudah disorot warna biru dengan alamat gambar anda ... Simpan Template. Dan silahkan lihat hasilnya.
- Jika ingin gambar atau photo anda berada di atas dengan posisi horizontal berikut kodenya :
body {
background:url(http://i671.photobucket.com/albums/vv80/dadfereneczi/TrickSEO.jpg)repeat-x;
Bilamana ingin posisi gambarnya vertikan anda tinggal mengganti kode repeat-y;
Simpan template anda dan lihat hasilnya. Demikian trik pasang gambar/photo background di blog bilamana kurang dimengerti silahkan tinggalkan pesan, Terima kasih atas perhatiannya dan semoga bermanfaat
