Friday, February 24, 2017
MENGGANTI BACKGROUND TEMPLATE BLOG
MENGGANTI BACKGROUND TEMPLATE BLOG
- Masuk ke blog sobat.
- Pilih tata letak.
- Klik edit HTML.
- Untuk antisipasi backup template dulu.
- Cari kode css seperti di bawah ini:
- body { background:#fffff;
margin:0;
color:#333333;
font:x-small Georgia Serif; font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
Ganti kode yang berwarna merah dengan kode warna yang sobat inginkan,misal dengan warna kuning kodenya seperti ini: #FFFF33.
Maka hasilnya:
body { background:#FFFF33;
margin:0;
color:#333333;
font:x-small Georgia Serif; font-size/* */:/**/small;
font-size: /**/small; text-align: center;
Agar pengunjung tidak susah untuk membaca sesuaikan warna backround dengan warna tulisan sobat.
- Jika sudah klik save.
- Lihat hasilnya.
Untuk mengganti background gambar/image pada template klasik:
- Misal di sini saya punya alamat gambar:
http://i761.photobucket.com/albums/xx252/darma_bucket/batik.jpg
Dengan ukuran seperti ini:
Maka tambahkan alamat tersebut pada kode di atas,hingga hasilnya seperti di bawah ini:
body { background:#ffffff url(http://i761.photobucket.com/albums/xx252/darma_bucket/batik.jpg);
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small; font-size: /**/small;
text-align: center;
Untuk mengganti background pada template baru:
- Masuk ke blog sobat.
- Pilih tata letak.
- Klik edit HTML.
- Untuk antisipasi backup template dulu.
- Beri tanda centang pada expand template widged.
- Cari kode css seperti di bawah ini:
- body { background:$bgcolor;
margin:0;
font:x-small Georgia Serif;
color:#333333;
font-size/* */:/**/small;
text-align: center;
Tambahkan alamat gambar pada kode warna merah,hasilnya seperti di bawah ini:
body { background:$bgcolorurl (http://i761.photobucket.com/albums/xx252/darma_bucket/batik.jpg);
margin:0;
font:x-small Georgia Serif;
color:#333333;
font-size/* */:/**/small; font-size: /**/small;
text-align: center;
- Simpan template
- Lihat hasilnya
Available link for download