Informasi, Teknologi, Pengetahuan, dan Tips Trik: Kode HTML Image Background / Background berwarna

Wednesday 4 February 2009

Kode HTML Image Background / Background berwarna

Anda ingin merubah warna bakground atau mengganti background blog anda menjadi sebuah gambar?
Anda hanya merubah kode warna background pada halaman html anda.

**Cara sederhana untuk mendapatkan kode warna,anda bisa ngutak-atik fitur dari blogger.di pengaturan Huruf dan Warna,disebelah kanan,tertera kode warna dari warna yang kita ingin pilih.

Mengingat hanya untuk keperluan utak-atik,bersihkan edit,untuk menyelamatkan warna blog anda.
Maksud saya,cara praktis untuk mendapatkan kode warna.

misal,

kode warna Merah adalah #FF0000

kode warna Biru adalah #0000FF,dsb.

Lalu yang dirubah untuk mengganti backgound blog kita,baris kode yang mana?

Nah!Pergi ke Dashboard blog anda,pilih Tata Letak.lalu pilih Edit html.
Cari kode seperti di bawah ini :

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Nah!nah neh! nah neh !melulu,gmn sich !! :(

Lihat khan,kode yang berwarna hijau?nah!kode itu yang anda rubah sesuai keinginan anda.

Ada cara paling praktis,selain kode heksa anda juga bisa menuliskan warna dalam bahasa Inggris,seperti;Black,Yellow,Red,Green,dll tapi kelemahanya kita kurang bisa memaksimalkan warna yang benar-benar sesuai dengan warna blog kita.

Lalu,jika mau merubah menjadi background gambar gimana?
Untuk merubah background menjadi sebuah background bergambar,masih sama,kode yang anda rubah hanya kode yang berwarna hijau dalam contoh kode di atas.

Perbedaanya anda hanya menambahkan alamat gambar yang anda inginkan.Untuk lebih jelasnya,lihat kode di bawah ini :

body {
 background:$bgcolor url('http://www.geocities.com/mohdrazali_200/Pemandangan2.jpg');
 margin:0;
color:$textcolor;
font:x-small Georgia Serif;
 font-size/* */:/**/small;
 font-size: /**/small;
 text-align: center;
 }

Sekali lagi,Nah! anda hanya cukup mengganti alamat http://www.geocities.com/mohdrazali_2006/Pemandangan2.jpg di atas,menjadi alamat gambar yang ingin anda kehendaki.