Sebelum anda menukar background anda harus sudah mempuanya gambar yang sudah anda buat untuk mrnganti background gambar yang sudah ada. nah untuk membuatnya sbb:
- Masuk blog anda
- Edit HTML
1. cari kode berikut:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
2. Masukkan kode berikut di bawahnya:
background: #642D8B url('url gambar anda' ) fixed repeat top left;
Hasilnya seperti di bawah ini
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
background: #642D8B url('url gambar anda') fixed repeat top left;
3. Agar background di samping header berubah, maka anda harus mengubah kode berikut:
#header-wrapper {
margin:0;
padding: 0;
background-color: $headerCornersColor;
text-align: $startSide;
Ubah menjadi:
#header-wrapper {
margin:0;
padding: 0;
background: #642D8B url('url gambar anda') fixed repeat top left;
background-color: $headerCornersColor;
text-align: $startSide;
url gambar anda diganti dengan url gambar yang telah anda upload, atau diganti dengan url gambar yang saya pakai lihat no 2
Tambahan :
Jika anda menggunakan template denim + sun of moto (masih template bawaan /standar blogger) dan ingin mencoba mengganti background dengan foto anda sendiri, bisa lakukan modifikasi script pada template anda seperti dibawah ini:
a. Script untuk mengganti gambar background body
body {
background: $bgColor;
background: #692 url('http://i48.tinypic.com/2ccrmgi.jpg') top center repeat-y;
margin: 0;
padding: 0px;
b. Script untuk mengganti gambar background header
#header-wrapper {
margin:0;
padding: 0;
background: #692 url('http://i48.tinypic.com/2ccrmgi.jpg')
c. Script untuk mengubah lebar content (menjadi 900 pixel)
#content-wrapper {
width: 900px;
d. Script untuk mengubah lebar main (postingan)
#main-wrapper {
margin-$startSide: 14px;
width: 500px;
e. Script untuk mengubah lebar sidebar
#sidebar-wrapper {
margin-$endSide: 10px;
width: 360px;
Simpan Dan selesai
0 komentar:
Posting Komentar