FREEBIES! And TUTORIAL-how to add background into your blog! (MINIMA TEMPLATE)

Assalamualaikum, Hello!

Hari ni aku rasa baik hati dan rasa happy sedikit setelah dibasuh dan menerima nasib malang secara berturut-turut dalam masa 3 hari!! Aku nak bagi BACKGROUND FREE sebagai freebies!! Kemungkinan nanti aku akan beri download link Paint Tool SAI dan JUGA Adobe Photoshop!! Korang nak tak?? Kalau korang guna background aku ni, PLEASE CREDIT to me, OK? Aku tak paksa, korang nak bagi CREDIT atau tak, yang penting, KASIH INFORM SAMA TUAN YANG EMPUNYA, tak lain tak bukan, akulah!! LOL!!

BIG CREDIT TO PHOTOBUCKET sebab aku jumpa apa yang aku mau! Tappi semua background ni, aku edit, OKEYH? Edit guna PHOTOSHOP!

 
http://i667.photobucket.com/albums/vv38/hitomichan_cute01/polkidotti.png

 
http://i667.photobucket.com/albums/vv38/hitomichan_cute01/polk.gif

 
http://i667.photobucket.com/albums/vv38/hitomichan_cute01/wood6-1.png

 
http://i667.photobucket.com/albums/vv38/hitomichan_cute01/wood5-1.png

 
http://i667.photobucket.com/albums/vv38/hitomichan_cute01/wood3.png

 
 http://i667.photobucket.com/albums/vv38/hitomichan_cute01/wood1.png

 

Ok, babe! Now it's time for tutorial!! It's not mandatory for you, whether to give me credit or not, but PUHH-LEASE! All your discretion needed.. LOL!
LETAK BACKGROUND MACAM NI
I
I

KLIK UNTUK KESIHATAN MATA ANDA!


1) OK FIRSTLY, Pergi Dashboard > klik Design > then, Edit HTML *mudah bukan?
2) Then, pergi CTRL+F itu body {
3) Kalau korang jumpa, ALHAMDULILLAH, jangan lupa paste-kan code dibawah ini kat bawah body {
background:$bgcolor;
background-image: url(URL IMAGE KORANG);
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
5) Ehhh, jangan pergi dulu!!! Belum siap lagi ni!!! Ok, CTRL+F dulu ini, #outer-wrapper { ,
#main-wrapper { , dan #sidebar-wrapper {
6) Korang akan jumpa code bawah ni kan? 
#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  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 */
  }

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  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 */
}

7) Tambahkan background:#FFFFFF; di bawah #outer-wrapper { , #main-wrapper { , dan #sidebar-wrapper {
8) PREVIEW dahulu, pastikan tiada ERROR!
9) Code warna purple kat atas tu korang boleh tukar dengan kaler yang korang suka kat SINI
10) Sila like dan COMMENT kalau suka! Kalau tak dapat, feel free to ask me, OK?

2 comments:

Izzati Aqilah said...

aina amek satu warne pink stripe tuh yeh....comel pulakk...

Maisarah said...

nk ambek satu!