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; }
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;
}
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.
- 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.
Gb 1. Tampilan menu Font dan Warna.
Gb 2. Hasil perubahan pada warna latar belakang halaman blog.
Gb 3. Tampilan menu Edit HTML dan kotak pencari pada browser IE.
Gb 4. Hasil perubahan pada warna halaman blog.
0 komentar:
Posting Komentar