09 September 2010

[Tutorial] Cara nak tukar background blog

Assalamualaikum, hai readers..

Tutorial kali ini ialah cara nak letak atau tukar background pada blog khas untuk blog yang menggunakan classic template(template blog yang lama). Template designer atau template baru berbeza kodnya, jadi mungkin tak boleh ikut tutorial ini. Kecuali dah pandai coding. Baiklah kita mulakan tutorial.

1. Log in > Dashboard > Design > Edit Html

2. Cari kod ini:
  body {


3. Scroll ke bawah sehingga jumpa kod ini :


background:$bgcolor;
4. Kemudian gantikan kod di atas dengan kod ini :

background:#0000;
5. Warna hijau tu untuk kod warna apa yang kita nak untuk background blog. Kod warna boleh tengok dekat sini. Sudah siap semuanya. kod anda akan kelihatan seperti ini :
  body {
  background: #EACDDC;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }


Background Bergambar.

1. Untuk letak background yang bergambar cuma gantikan kod yang kat atas tu dengan kod nie:

background: url('URL GAMBAR')repeat;

Contoh:


  body {
  background: url('https://lh3.googleusercontent.com/-    1Hs7atUjSJ0/TPTIOvooQ_I/AAAAAAAABAM/FAWDA-xy4Vo/s128/46.gif')repeat;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }

6. Jangan lupa yang warna purple tu gantikan dengan URL IMAGE anda.

Oklah sampai disini saja, selamat mencuba, kalau tak faham, boleh lah komen, nanti saya tolong.

p/s : tutorial ini ada dalam draft. baru nak post.


UPDATE : DI INGATKAN TEMPLATE BLOG BARU KEMUNGKINAN TIDAK SESUAI MENGGUNAKAN TUTORIAL INI LAGI. TUTORIAL INI LEBIH SESUAI UNTUK TEMPLATE DENIM DAN JUGA MINIMA. TEMPLATE DESIGNER MUNGKIN SUDAH BERBEZA. HARAP MAKLUM.

13 comments

May 31, 2012 at 8:55 PM

f0ll0w sayer...penuh dengn inf0rmasi lha y0ur bel0g!!

May 31, 2012 at 9:19 PM

Cik yaya..terima kasih sebab sudi lawat blog saya..insyaallah, saya follow.

December 16, 2012 at 5:02 AM

terima kasih dik...

December 21, 2012 at 12:09 PM

macam mana nak buat nie. tak reti. tak faham.

December 31, 2012 at 12:29 AM

@DR mana yang tak faham?

February 14, 2013 at 4:45 PM

akk baru dalam blogging ni...dh cuba buat tapi x menjadik pulak...bole bantu?

April 4, 2013 at 7:24 PM

takpaham laa.. pastu da try tapi tak bole.. emm :[

April 11, 2013 at 9:48 AM

May you help me edit my blog? I don't understand lahh. Nak edit blog pun tak reti :'(

April 11, 2013 at 8:11 PM

saya nk tukar bakground utk blog saya,..tp x leh laa..saya lupa..dh jumpa dh background yg ikut citarasa saya kt blogger templates,tp x tau nk tukar background mcm mana.. boleh tolong?

April 27, 2013 at 11:06 AM

nak tanya, kenapa tak leh nak tukar background kat blog saya?

January 8, 2014 at 6:33 AM

assalamualikum, macam mane nak buat kucing macam awak tu ?? kucing yg pegang nama awak ??

May 5, 2014 at 11:22 AM

hiii . nak tnye knp tak jmpe hah ? susah lah nak buat

April 16, 2015 at 5:20 AM

Wow~ Jadi~ TQ for the tutorial.

Related Posts Plugin for WordPress, Blogger...
 

Design by ! AINI ZAKARIA © 2014| Resolution: 1280x800px | Best View: Google Chrome