cara mengubah fron warna

Minggu, 12 Juli 2009

Diposting oleh alom_doank

Salah satu daya tarik blog adalam pengaturan warna dan penampilan seluruh bagian blog. Pengaturan warna pada blog dapat kita lakukan dengan cara mengubah kode-kode warna yang sesuai denga selera atau keinginan anda.
Caranya cukup mudah ko, anda hanya perlu mengikuti postingan ini sambil mempraktekan pada blog anda.
Langkah pertama yang anda lakukan untuk mengubah warna pada kolom template adalah

membuka dua tab/window sekaligus. Satu untuk Edit HTML dan satunya lagi untuk Font dan Warna. Font dan Warna diperlukan untuk pedoman dalam menentuka warna yang akan kita pakai pada kolom template.

Cari kode HTML dibawah ini.

#main-wrapper {
width: 480px;
float: $startSide;background:#C3D9FF;border:0px solid $bordercolor;#0066cc;padding:15px 15px .25em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 260px;
float: $endSide;background:#0066CC; border:0px solid $bordercolor;white; padding:5px 5px .25em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebarbaru-wrapper {
width: 200px;
float: left;background:#0066CC; border:0px solid $bordercolor;white; padding:5px 5px .25em;
psdding-right:5px;
word-wrap: break-word;
overflow: hidden;
}
Pada setiap kolom template diatas : main wrapper, sidebar wrapper dan sidebar baru wrapper terdapat background dengan kode HTML dari warna. Jika pada kode HTML anda tidak terdapat kode tersebut, tambahkan dengan mengikuti contoh diatas.
Kode-kode warna diatas merupakan kode warna bagian luar/bingkai dari setiap kolom template dan warna tersebut merupakan variasi warna yang digunakan pada Blog EPG Studio.
Untuk mengganti warna -warna tadi, bukalah tab Font dan warna kemudian cari warna yang anda sukai. Copy kode warnanya kemudian paste pada salah satu background kolom template. Jika kolom template ingin sama warnanya ganti semua kode dengan kode warna tadi.

Setelah anda memilih warna bagian pinggir dari kolom template, carilah kode HTML dibawah ini.

.sidebar .widget{

background:#66B5FF;
border:1px dotted #6c6b6b;
margin:0 0 1.5em;
padding:0.5em;
}
.main .widget{
background:#C3D9FF;
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Kode warna backgroud pada kode HTML diatas merupakan kode warna untuk bagian dalam dari kolom template. Lakukan hal yang sama seperti cara yang pertama.
Setelah selesai klik Simpan Template. Lihat warna blog anda yang baru...!

Selamat mencoba semoga berhasil!!

fron warna

2 komentar:

njazt mengatakan...: cccccczzzzzzzzzzzzz; 29 Maret 2010 pukul 20.09
njazt mengatakan...: zzzzttttttttttttttttttttttttttttttttttttttt; 29 Maret 2010 pukul 20.12