Cara Mengganti Background Blog Dengan GambarMengubah Background Blog Dengan Gambar Sendiri – Berkreasi
mengganti atau mengubah gambar
background blog dengan warna atau gambar kreasi sendiri mungkin bisa jadi pekerjaan modifikasi blog yang mengasyikkan.
Urusan mempercantik blog memang
penting untuk diperhatikan selain faktor penunjang lain seperti SEO. Blog
dengan background yang enak dipandang tentu akan membuat pengunjung merasa
nyaman dan membuat mereka jadi ingin lebih tahu ada apa lagi dalam blog kita.
Berbeda dengan blog yang backgroundnya warna gelap atawa semarak warna-warni
kayak pelangi, pastinya akan membuat pengunjung merasa bosan dan tidak betah
berlama-lama di blog tersebut. Kalau sebelumnya saya sudah pernah membahas cara mengganti background blog otomatis, maka dalam tutorial blog kali ini kita
belajar mengganti background (latar belakang) blog dengan gambar.
Langkah
Mengganti/Mengubah Background Blog Dengan Gambar
1.
Login ke dashboard blogger anda, pilih Rancangan
> Edit HTML, centang Expand widget template.
2.
Temukan kode pengaturan background blog dalam
template anda, biasanya diawali dengan kode body{.
3.
Kalau kesulitan cari aja kode yang mirip-mirip
seperti dibawah ini.
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
4. Kemudian cari dulu sebuah gambar yang akan kita
jadikan background, ukuran terserah saja namun sebaiknya dalam format PNG
supaya hasilnya bagus namun usahakan sizenya kurang dari 50 Kb. Misalnya saya
punya gambar seperti dibawah ini berukuran 200 x 200px. Kemudian gambarnya saya
posting di blogger untuk mendapatkan URL gambar tersebut. Boleh juga anda
upload ke hosting lain seperti Picassa, yang penting adalah ngedapetin URLnya
yang mau kita masukkan dalam CSS.
5. Ganti/edit kode CSS awal background blog anda
dengan memberikan penambahan URL gambar sehingga bentuk susunan CSS menjadi
seperti dibawah ini.
body{
background:#ded8c0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeP0vFGI1zal0F3YtUEYzqxdAHk7U3yfFdF8mo98hwi1pdREUXIMcaxkRVA7GKocum2sWUGG5yaSO4NT4IA6LsxIXlAzxGYOQ7rauxbsxSRiLF6ZROTvFoXkFgajA9eQVjB11f8LemvLC/s1600/background-blog-post-200.png);background-repeat: repeat-x repeat-y;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
NB:
repeat-x : untuk mengulang
gambar dari kiri ke kanan (horizontal)
repeat-y : untuk
mengulang gambar dari atas ke bawah (vertikal)
6.
Save/Simpan template anda.
Kalau langkah diatas sudah dipraktekkan dengan benar, dijamin proses mengganti background blog anda dengan gambar pasti berhasil dan tampilan background blognya jadi tambah oke. Selamat mencoba.!!
0 komentar:
Posting Komentar