News Update :

Cara Menukar Background Blog Dengan gambar Sendiri

Kamis, 31 Mei 2012


Sebelum anda menukar background anda harus sudah mempuanya gambar yang sudah anda buat untuk mrnganti background gambar yang sudah ada. nah untuk membuatnya sbb:

  1. Masuk blog anda
  2. 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;



catatan;
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
Share this Article on :

0 komentar:

Posting Komentar

 

© Copyright DALIDEU BLOGSPOT 2010 -2011 | Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.