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;}
di tulisan URL GAMBAR KAMU ganti dengan URL dari gambar kamu di photobucket tadi...nah...selesei deh...semoga berhasill...^^
10 komentar:
Thanx bro....bagus bgt blognya...
makasih bro..(-^^-)
Thanks... mau coba nih. ^^v
silahkan dicoba..
thanks kk
berguna banget
visit back ya
sama-sama...^^
thx infonya
thank's info nya gan ,,
sama-sama mas brooo
Saya Kurang Mengerti
Posting Komentar