Cara Mengganti Background Blog
Ingin Tampilan blog sobat menarik? Gampang..! ganti saja backgroundnya, mudah kan? Ya, mengganti background memang salah satu solusi untuk membuat tampilan blog sobat lebih keren dan menarik. Tentu bukan asal sembarang ganti, harus pandai-pandai memilih background yang sesuai dengan tema blog sobat. Untuk mengganti background sobat, nih saya kasih tahu caranya:1. Seperti biasa, Login ke Blogger
2. Klik edit HTML, cari kode body{ , biasanya skrip lengkapnya seperti ini body{ background: #fffff ;.... atau kalau sudah pakai url biasanya seperti ini body{backgroun:url(#);.....
3. Kalau belum pakai url ganti kode warna ..#fffff.. dengan ..url (url anda disini).. . Dan kalau sudah pakai url lebih gampang, tinggal mengganti urlnya dengan url background yang sobat kehendaki . Lengkapnya kurang lebih akan seperti ini:
body{
background:url(http://bglabs.evade.netdna-cdn.com/files/metal-floor-background-pattern-554.png);
repeat top;
color: #41484d;
font: 14px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
}
background:url(http://bglabs.evade.netdna-cdn.com/files/metal-floor-background-pattern-554.png);
repeat top;
color: #41484d;
font: 14px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
}
Keterangan:
- Text berwarna merah adalah url gambar background blog, ganti sesuai url sobat.
- Repeat bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau repeat-y jika ingin pengulangan hanyan terjadi sepanjang sumbu y (vertical). Tergantung ukuran background anda.
- Top adalah letak titik acuan gambar sobat, bisa sobat ganti sesuai selera, bisa di ubah menjadi left top atau right top.
4. Terakhir Klik preview/pratinjau, kalau berhasil di save.
Kalau sobat masih bingung dimana mencari background yang bagus, mungkin sobat bisa mencarinya disini www.backgroundlabs.com . Dan kalau sobat ingin background sobat tidak ikut bergeser kebawah ketika blog sobat di scroll ke bawah, sobat bisa membaca caranya di sini. Membuat Background Blog Tidak Bergeser Saat di Scroll ke Bawah
Demikian sedikit tutorial dari saya, selamat mencoba..
Silahkan baca penjelasan tentang kode diatas berikut ini
- url(http://2.bp.blogspot.com/latar.jpg), ini adalah kode gambar background blog, bisa anda ganti sesuai selera anda.
- fixed bisa anda hapus jika ingin gambar ikut naik turun saat halaman scrolled.
- repeat-y bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode).
- center top adalah letak titik acuan gambar anda, bisa anda ganti sesuai selera anda, center top bisa anda ubah menjadi left top atau right top.
Silahkan baca penjelasan tentang kode diatas berikut ini
- url(http://2.bp.blogspot.com/latar.jpg), ini adalah kode gambar background blog, bisa anda ganti sesuai selera anda.
- fixed bisa anda hapus jika ingin gambar ikut naik turun saat halaman scrolled.
- repeat-y bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode).
- center top adalah letak titik acuan gambar anda, bisa anda ganti sesuai selera anda, center top bisa anda ubah menjadi left top atau right top.
Silahkan baca penjelasan tentang kode diatas berikut ini
- url(http://2.bp.blogspot.com/latar.jpg), ini adalah kode gambar background blog, bisa anda ganti sesuai selera anda.
- fixed bisa anda hapus jika ingin gambar ikut naik turun saat halaman scrolled.
- repeat-y bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode).
- center top adalah letak titik acuan gambar anda, bisa anda ganti sesuai selera anda, center top bisa anda ubah menjadi left top atau right top.
Silahkan baca penjelasan tentang kode diatas berikut ini
- url(http://2.bp.blogspot.com/latar.jpg), ini adalah kode gambar background blog, bisa anda ganti sesuai selera anda.
- fixed bisa anda hapus jika ingin gambar ikut naik turun saat halaman scrolled.
- repeat-y bisa anda ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode).
- center top adalah letak titik acuan gambar anda, bisa anda ganti sesuai selera anda, center top bisa anda ubah menjadi left top atau right top.
background-attachment: fixed;
body{background:
url(http://url anda);color:#555555;font-family: Arial, Helvetica, - See
more at:
file:///D:/My%20Documents/My%20blog%20properties/cara-membuat-background-blog-agar-tidak.html#sthash.It8RX9Pf.dpuf
body{background:
url(http://url anda);color:#555555;font-family: Arial, Helvetica, - See
more at:
file:///D:/My%20Documents/My%20blog%20properties/cara-membuat-background-blog-agar-tidak.html#sthash.It8RX9Pf.dpuf
Terima Kasih sobat telah membaca artikel 
0 komentar:
Posting Komentar