Bosen sama background template kamu yang gitu-gitu aja? pengen ganti pake foto kamu n full screen?
Hehe,, di sini angling coba nulis tutorial yang sempet dipelajarin dari berbagai blog.
Pertama-tama edit gambar/foto kamu pake progam desain grafis Pohotoshop atau Corel. Buat ukuran kertas gambarnya jadi 30cmx17cm resolusinya 72px udah cukup.
 |
aku pake PHOTOSHOP
|
Terus save dalam format JPG dan upload gambarmu di www.photobucket.com. Oya, register dulu ya, gampang kok. Klo udah di upload, copy direct link yang ada di bawah gambar kamu.
Nah, gambar udah siap, sekarang tinggal cara masukin ke template kamu.
Buka akun blog kamu, pilih RANCANGAN terus EDIT HTML...nah di sana centang dulu tulisan EXPAND TEMPLATE WIDGET.
Di dalem lautan kode template kamu cari kode:
body {background: color: #556680;
font-family: 'Droid Sans',Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;}
tapi kadang tiap blog beda-beda urutan kodenya, tapi yang terpenting sekarang adalah menghilangkan kode setelah background:. jadi hasilnya:
body {background:}
setelah itu tambahin lagi code setelah background:, jadi kayak gini:
body {background: url(URL GAMBAR KAMU)no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
Comments
Post a Comment