HOME | ABOUT ME | DAFTAR ISI | welcome to happydesug.blogspot.com

Senin, 24 Mei 2010

Membuat Warna Latar Belakang dan Halaman Blog Berbeda

Untuk merubah warna latar belakang halaman blog, bisa dilakukan pada menu Font dan Warna. Login saja ke Blogspot –> Tata Letak –> Font dan Warna, dan pilih warna sesuai keinginan (lihat pada gambar 1).

Sedangkan untuk memberi/merubah warna pada halaman blog, caranya adalah sebagai berikut:

Login ke Blogspot –> Tata Letak –> Edit HTML

Cari baris kode dibawah ini:
#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  border: 3px dashed $bordercolor;   }

Tambahkan baris kode background:#ffffff; berikut sehingga baris kodenya akan menjadi seperti dibawah ini:
#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  border: 3px dashed $bordercolor;
  background:#ffffff;
  }

Simpan template.

Catatan:
- border: 3px dashed $bordercolor; adalah koda yang ditambahkan untuk membuat garis pinggir pada blog.
- #ffffff adalah kode warna putih. Rubah sesuai keinginan. untuk kode warna lain, bisa lihat pada menu Font dan Warna, pada kotak disebelah kanan kolom warna.
- Untuk memudahkan pencarian baris kode, gunakan 'kotak pencari', tekan Ctrl +  F, lalu ketikan baris kode yang dicari dan tekan enter. Browser yang digunakan disini adalah Internet Explorer (IE). Untuk browser lain, 'kotak pencari' letaknya sedikit berbeda.

warna latar belakang halaman
 Gb 1. Tampilan menu Font dan Warna.

warna latar belakang abu-abu
Gb 2. Hasil perubahan pada warna latar belakang halaman blog.

outer-wrapper
Gb 3. Tampilan menu Edit HTML dan kotak pencari pada browser IE.

warna halaman blog putih
Gb 4. Hasil perubahan pada warna halaman blog.

Posting Dengan Kategori Sama



0 komentar:

Posting Komentar

Related Posts with Thumbnails