counter

Sabtu, 09 Januari 2010

Cara Mengganti Warna/Gambar Background Blog

Biasanya ada beberapa orang yang masih kesulitan dalam Mengganti Warna/Gambar Background Blog...gimana yach caranya..???jangan diambil pusing kaleeee!!! emang kalo orang udah bisa dia bilang gampang, tapi klo belum tau..bikin otak jadi panas....(panas!!knalpot kalee)heheheh...dulu saya seperti kalian semua ko' sebenarnya saya orangnya ga' pinter banget..jadi kalo kurang lengkap keterangan saya mohon maaf yach... kita semua juga sedang belajar sama2 cari ilmu, jadi kita saling sharing aja...
langsung aja tanpa basa-basi dan panjang lebar...untuk pertama kalinya background itu adalah latar belakang suatu bidang, jika kita berbicara mengenai blog, background itu sendiri bisa berupa warna ataupun gambar.
mau tau caranya mengganti warna/gambar background blog..?
baca saja caranya di bawah ini,...

jika anda ingin merubah background body blog anda
silahkan anda kasih tanda centang atau cecklist "expand template widget" di editor html blog anda setelah itu carilah code CSS yang seperti ini :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

lihat code CSS di atas pada bagian background ( $bgcolor ) yang artinya anda bisa mengedit warna dari editor " font and colors " pada blog anda.. caranya anda cukup login ke blogger kemudian pilih pilihan menu " layout " dan pilih lagi menu " font and colors " ... nah di editor " font and colors " tersebut anda bisa mengubah warna background blog anda sesuai dengan kemauan anda. jika di blog anda tidak ada code ($bgcolor), seperti dalam kurung tersebut, maka anda harus mengubah warna dari background blog anda secara manual yaitu tinggal menambahkan kode warna yang anda ketahui,... misalkan

background: #cf020b; ( code warna #cf020b yang berarti berwarna merah ),
background: #ffffff ( code warna #ffffff yang berarti warna putih ),
background: #000000 ( code warna #000000 yang berarti warna hitam ),dll....

waktu penulisannya jangan lupa tambahkan tanda (#) sebelum angka atau huruf (contoh = #ffffff), ga' usah tanda kurung yah...!! itu cuma contoh

jika anda ingin mengganti background dengan warna warni, ataupun juga dengan gambar... misalkan foto anda sendiri itu juga bisa ko'
caranya pada code CSS yang bertuliskan ( background:#......; ) cukup anda ganti dengan

background: url('alamat url foto anda taruh sini');

contoh = background: url(http://h1.ripway.com/rendrapranata/background.jpg);

tapi kalau anda ingin mengganti background, anda harus punya alamat hosting dulu caranya and harus sign up di alamat hostingan tersebut misalnya alamat yang saya gunakan untuk hosting sekarang seperti http://www.ripway.com

sekarang jika anda ingin mengganti background bagian sidebar blog anda..
yang harus anda cari adalah code CSS sbg berikut

#sidebar-wrapper {
width: 345px;
float: $endSide;
border:2px solid red;
background:#fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

seperti code CSS di atas, (background:#fff;) artinya background berwarna putih, jika anda ingin mengubah dengan warna lain silahkan ganti code css (#fff) dengan code warna lain, ataupun bisa anda ubah dengan background gambar foto anda, caranya sama dengan cara sama dengan yang saya jelaskan di atas tadi...

begitupun untuk mengubah background bagian main, caranya sama dengan yang di atas.. anda tinggal mencari code css seperti di bawah ini

#main-wrapper {
width: 600px;
float: $startSide;
border:2px solid red;
background:#fff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

(caranya sama dengan yg sudah di jelaskan di tas)

mungkin cuma segitu yang bisa saya jelaskan maaf jika penjelasnya kurang jelas yah...tapi itu sudah saya jelaskan sedetil mungkin....selamat mencoba!!!!

0 komentar:

Poskan Komentar