Rabu, 04 Maret 2009

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!!!!

25 komentar:

RUDY 17 Maret 2009 pukul 05.48  

Pingin ni Background layout blog u. kumpulan Background layout yang bagus dimana ya yang super bagus.

Unknown 24 April 2009 pukul 00.42  

thank....tp ko' gambar cm jadi kecil

creepy girl 24 April 2009 pukul 12.02  

Thanks bgt atas 'tutorial'-ny...
cz aq trmasuk org bru di dunia blog...
(msii kls 2 SMP cing! Mski tmn2 q ud bnyk yg pny...)

Once again, thankz a lot... =)

SAMMY 16 Mei 2009 pukul 01.40  

thank's ya,tapi aq jga mau nanya ko background nya bagus gimna cara bikinya?

Unknown 11 Juli 2009 pukul 04.30  

thnk's boss....securitinya mantap..tapi masih bisa copy pake ctrl + c sob...segera tutp ya..salam met me at http://rangga-hadi.blogspot.com

Dodo 21 Agustus 2009 pukul 08.03  

bos percuma ksh proteks....msh bs d klik kanan?
ckp mtiin java scripna di mozilla jg bs?
tp lmyn OK sich.....THANKS YA BOS?


PEACE...
http://do2btx.blogspot.com

DaVid 31 Oktober 2009 pukul 19.58  

boz mw tnya donk cara bikin kotak post commad gimana tolong dong saya minta kode htmlnya. thx

Adigaya Seni Ukir 13 November 2009 pukul 12.26  

kok aku coba ubah kode CSS 'background: #' pake 'background; url' gak bisa2 ya...katanya html gak bisa disimpan, sebab kode warna tidak valid...jalan keluarnya gimana ya biar halaman blogku bisa diganti dengan gambar? bukan cuma polos? thx 4 ur attention

Herlan 28 November 2009 pukul 18.15  

Oia... ko gmbarbya g pnuh y..?? Cm jdi sgede gambar aslinya? spya jdi'x gak stengah2 gmn..?

Unknown 14 Desember 2009 pukul 02.45  

gimana cara membuat atau menambah foto pada background templates kita

Dunia Belanja dan Bisnis Online 16 Januari 2010 pukul 06.55  

Wah kamu hebat yach...main donk ke web saya. kasih masukan buat design web saya sekalian belanja sprei & bed cover...hehehe..makasih ya

Nani Setiyowati 28 Januari 2010 pukul 20.39  

gwe ttp puyeng dah..
emang dasar gwe yang blo'on kalii yah..

Freaky Species 29 Januari 2010 pukul 19.27  

gabisa masuk ripway padahal udah register, ada yang tau alamat hostingan yang laen ga?

misyotally 31 Januari 2010 pukul 01.57  

ajarin edit blog donk...
ga ngerti,,,
hahahhaha

email gw misyotally@yahoo.com

bantuin yah

thx before

Agus_Tomy 31 Januari 2010 pukul 17.18  

Makasih Infonya ya . . .

:)

Titisansipitung 2 Februari 2010 pukul 06.14  

gimana sih...caranya, agar blog tidak dapat di copy paste???

tolong dong....

Kemalpopies@yahoo.com

badrun artwork design 25 Februari 2010 pukul 08.54  

napa saya ga bisa ya ???

udah di otak atik tapi masih ga bisa

mohon penjelasanya

http://hackingprojectdesign.blogspot.com

Carmen PERS Kotayasa 1 Maret 2010 pukul 09.00  

Bang...bingung neh...
aku kan punya bloggs neh,pas mau ganti BG kok gagal terus ya,ga bisa aja,yang aku jumpai neh css nya kaya gini
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
kalau kaya gitu bisa ga diganti BG gambar???
mohon bantuannya...

Ruffy 8 Maret 2010 pukul 18.34  

wah siip deh ilmunya thanx ya.....
tuker link dong...

Fhy 3 April 2010 pukul 03.22  

kok gue ga bisa2 ya?? :(

tiffa 3 Agustus 2010 pukul 14.29  

ruwet dah. . . (--)v gw nya aja kali yang gak mudeng

Misteri 5 Agustus 2010 pukul 07.35  

all, salam kenal..aku masih baru di dunia bloger..jangan lupa mampir ke my blog

http://misteridesign.blogspot.com/

tuk pemilik posting, aku masih bingung dengan tutorial diatas..

kalo mao ganti backround dengan desain gambar sendiri gimana? aku dah upload ke

http://img535.imageshack.us

tapi masih bingung...
oya kalo mao ganti backround animasi..gimana tu?

thanks...

salam kenal..

Misteri ^_^

Unknown 27 Agustus 2010 pukul 09.48  

MAKSIH BANGET ILMUNYA, mampir di blog gw ya http://tyoneswa.blogspot.com.

oy tukeran link banner ya. aku pasang duluan deh...

makasih

Posting Komentar

Followers

Text

  ©Template by Dicas Blogger.