Hi...akh wa ukh sekalian gimana kabar antum antunna hari ne....?
semoga selalu FII AMANILLAH ya....
nah guys....
sekarang ane mo berbagi cara supaya background kita keliatan lebih cantik dan sesuai dengan mood kita masing2. nah langkah awal di season ne adalah :
PERTAMA
kita ubah dulu TEMPLATE yang kita pake di blog kita sekarang dengan template yang lebih transparan, kaya template2 dibawah ini :
template minima, minima lafty, minima stretch, ato ga minima lafty stretch
pilih sesuai mood yang kita suka, klo kita mau liat tampilannya kaya apa tinggal di pratayang za guys. nah klo udah simpan template dan sekarang tinggal bagaimana merubah backgroound kita dengan gambar yang kita suka.
KEDUA
ne guys klo kita mau ganti background kita pertama kita cari bahan backgroundnya dulu di google atau di situs mana za yang banyak gambarnya.
cari yang jenis file'y : jpg, jpeg, klo ga gif, trus cari yang size/ukurannya gede kurang lebih yang 100 kb ke atas biar gambar'y nanti ga potong2. kalo udah ketemu kita view dulu gambarnya, baru kita copy alamat link gambar itu yg ada di atas seacrhing, contohnya ky gini guys :
http://wakeboardshiz.com/upload/221fuov417-ericruck.jpg
(nah itu akhirannya harus jpg, jpeg atau gif)
klo udah ketemu trus kita sign in / masuk ke blog kita, trus langsung masuk ke LAYOUT / TATA LETAK.
abis gitu kita cari bacaan "Edit HTML" nah kita klik tuh, trus kalo dah kebuka baru kita cari kode yang da di kotak bawah, kan banyak tuh kode2 nya nah yang harus kita cari kodenya yg kaya gni guys :
body {
background:#fff
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
kalo udah ketemu alamat gambar buat background tadi yang udah kita copy, trus kita paste di pas bacaan :
background:#fff
(nah kalo yang ane kasi kan kodenya #fff , pasti beda sama yg ada di blog guys, itu ga masalah kita ubah za jadi kaya gitu kodenya guys)
tapi sebelum kita paste kita tulis dulu url abis huruf #fff yg tadi, inget nulisnya pake spasi, trus tamabahin tanda (' di awalnya dan tanda '); di akhirnya guys, tapi buat yg ini ga pake spasi.
jadinya kaya gini guys:
body {
background:#fff url('http://wakeboardshiz.com/upload/221fuov417-ericruck.jpg');
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
itu boleh kita coba dulu guys, caranya klik "PRATINJAU"
nah kalo cma gitu kan gambarnya masih ke potong2 ga utuh jadi satu, biar gambarnya jadi diem ngga gerak2 dan ngga ke potong2 kita tambahin kata :
background-attachment:fixed;
di bawah kata :
text-align: center;
sbelum tanda :
}
contohnya jadi ky gini guys :
body {
background:#fff url('http://wakeboardshiz.com/upload/221fuov417-ericruck.jpg');
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-attachment:fixed;
}
klo udah coba di pratinjau guys jangan di simpen dulu klo ga bisa pasti ada yg salah tu guys. klo bisa baru di simpan template.
NB: jangan sampe kurang tanda2 nya ya guys karna kurang satu tanda za bisa berpengaruh.
SELAMAT MENCOBA guys...!!!
to be continued.....
