16 Mei 2004

Caram engganti gambar background blogspot kita

Mungkin bosan sama warna atau latar belakang halaman blogspot kita. Sebenarnya dengan sedikit trik dan sedikit pengetahuan tentang CSS kita bisa ngerubah warna bahkan latar belakang halaman blogspot kita.

Ikuti langkah-langkah berikut :

  • yang pertama kita harus nyiapin gambar yang akan dijadikan latar belakang, terserah ukurannya berapa pixel X pixel.
  • atau kita dapat mencarinya di google image, dan saya sendiri mendapatkannya secara gratis di http://www.templateyes.com/web-backgrounds/index.htm
  • pilih dan simpanlah gambar itu di komputer kita. Ganti namanya yang mudah kita ingat, misalnya latar.jpg
Upload gambar latar.jpg ke photobucket.com, atau ke picasa.com, atau ke flicker.com, atau ke blog kita.
  • Masuk ke halaman 'layout', kemudian beri centang pada 'expand widget Templates'
  • Cari kode berikut ini :
body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}


sisipkan kode berikut diantara body { dan margin:0;

background:#123 url(ini nanti diisi dengan alamat gambar latar belakang);
  • Isi diantara tanda kurung di atas dengan alamat url dimana kita menyimpan gambar latar yang kita upload. Lihat lah gambar di atas bagaimana saya mengisi alamat url dari tempat latar belakan disimpan.
  • Simpan template. Kemudian lihat hasilnya..

Cara modifikasi latar lainnya :
- sebenarnya kita bisa mengganti warnanya saja tanpa memberi gambar.. yaitu dengan merubah #123 disamping tulisan bacgorund.
- jika hanya ingin mengulang gambar secara mendatar saya disumbu x maka setelah kurung tutup dan sebelum tanda titik koma (;) kita tinggal memberi kata repeat -x
- sedangkan untuk mengulang di sumbu y saja kita ketik repeat -y


Artikel Terkait :



Tidak ada komentar:

Posting Komentar