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:
Pingin ni Background layout blog u. kumpulan Background layout yang bagus dimana ya yang super bagus.
thank....tp ko' gambar cm jadi kecil
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... =)
thank's ya,tapi aq jga mau nanya ko background nya bagus gimna cara bikinya?
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
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
boz mw tnya donk cara bikin kotak post commad gimana tolong dong saya minta kode htmlnya. thx
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
Mksih.... bnyak!
Oia... ko gmbarbya g pnuh y..?? Cm jdi sgede gambar aslinya? spya jdi'x gak stengah2 gmn..?
gimana cara membuat atau menambah foto pada background templates kita
Wah kamu hebat yach...main donk ke web saya. kasih masukan buat design web saya sekalian belanja sprei & bed cover...hehehe..makasih ya
gwe ttp puyeng dah..
emang dasar gwe yang blo'on kalii yah..
gabisa masuk ripway padahal udah register, ada yang tau alamat hostingan yang laen ga?
ajarin edit blog donk...
ga ngerti,,,
hahahhaha
email gw misyotally@yahoo.com
bantuin yah
thx before
Makasih Infonya ya . . .
:)
gimana sih...caranya, agar blog tidak dapat di copy paste???
tolong dong....
Kemalpopies@yahoo.com
napa saya ga bisa ya ???
udah di otak atik tapi masih ga bisa
mohon penjelasanya
http://hackingprojectdesign.blogspot.com
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...
wah siip deh ilmunya thanx ya.....
tuker link dong...
kok gue ga bisa2 ya?? :(
ruwet dah. . . (--)v gw nya aja kali yang gak mudeng
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 ^_^
MAKSIH BANGET ILMUNYA, mampir di blog gw ya http://tyoneswa.blogspot.com.
oy tukeran link banner ya. aku pasang duluan deh...
makasih
Nice Info
Posting Komentar