Cara Merubah Penampilan Blog dan Kode Warna

Bagi Anda yang ingin merubah penampilan blog supaya menghasilkan blog yang enak dilihat namun tidak membuat silau mata, ada baiknya mencoba tips yang akan saya sampaikan dibawah ini. Walaupun banyak sekali yang membahas tentang bagaimana cara merubah background blog namun sekali lagi saya ingatkan bahwa postingan ini sudah saya praktekan sehingga berbagai kesalahan sudah bisa diminimalisir hehehehe... Yuk kita mulai. 

1. Merubah Background Header Blog
Letaknya adalah paling atas, biasanya digunakan untuk meletakan judul blog, baik itu berupa tulisan atau sebuah banner. Cara merubahnya adalah :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #header-wrapper menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.

#header-wrapper {

background:

#f4f4f4;

dan seterusnya........
Jika Anda ingin merubah warna dengan kode #000000 maka hasilnya akan seperti ini

#header-wrapper {

background:#000000;
dan seterusnya........
Bila tidak menemukan tulisan background:#f4f4f4; Anda bisa menambahkannya sendiri  tulisan tersebut tepat dibawah #header-wrapper {
Apabila sudah sesuai silahkan simpan atau pratinjau terlebih dahulu.

2. Merubah Warna Background Body

Terletak paling dasar atau dibalik halaman posting. Cara merubahnya :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan body { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.
body {
background:#000000;
dan seterusnya........
Silahkan Anda sesuaikan dengan kode warna yang diinginkan .apabila selesai klik simpan.

3. Merubah Warna Background Halaman Postingan / Main body

Terletak paling tengah dan dijadikan sebagai tempat posting. Cara merubahnya adalah :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #main-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.
#main-wrapper {
background:#000000;
dan seterusnya........
Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

4. Merubah Warna Background Sidebar

 Terletak disebelah halaman posting/main body, cara merubahnya adalah :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #sidebar-wrapper { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.
#sidebar-wrapper
background:#000000;
dan seterusnya....
Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.

5. Merubah Warna Background Footer 

Terletak berada paling bawah halaman blog,cara merubahnya adalah :
Masuk Dashboard-->Tata Letak-->Edit html, cari tulisan #footer { menggunakan CTRL+F ,saya contohkan hasilnya akan seperti ini.
#footer {
background:#000000;
dan seterusnya...
Silahkan Anda sesuaikan dengan kode warna yang diinginkan, apabila selesai klik simpan.
Ada beberpa template yang  menggunakan kode warna css hanya dengan tiga digit bukan enam digit, nah terus bagaimana solusinya? Dibawah ini saya tuliskan beberapa kode warna html yang biasa dipakai oleh kebanyakan orang.

Kode Warna

KODE PILIHAN KE 1.

 

Selected color code is:

KODE PILIHAN KE 2.

Bila anda kesulitan menggunakan fitur ke dua ini, ikuti langkah2 berikut ini:

1. Ada 4 elemen pada tools ini yaitu baris pertama Kotak kecil yaitu kode warna yg dipilih. Baris kedua ada kotak 1 berbentuk kotak bujur sangkar besar (kiri) yaitu detail warna, kotak 2 berbentuk batang persegi panjang (tengah)yaitu kelompok warna, dan kotak 3 berbentuk bujur sangkar kecil (kanan) yaitu tampilan/previuw warna yg dipilih.
2. Klik pada batang sebelah tengah (kotak 2) untuk memilih kelompok warna, misalnya merah,biru,hijau,dll.
3. Klik pada kotak 1 (kiri) untuk memilih warna secara lebih detail.
4. Copy kode warna yg ada pd kotak kecil diatasnya (baris pertama).
5. Pastekan pada tempat yg diinginkan.
6. Selesai.

KODE PILIHAN KE 3

FFF  FFF

CCC  CCC

999  999

666  666

333  333

000  000

FFC  C00

FF9  900

FF6  600

FF3  300

SWITCH TO DECIMAL RGB COLOR CODES

99C  C00

CC9  900

FFC  C33

FFC  C66

FF9  966

FF6  633

CC3  300

CC0  033

CCF  F00

CCF  F33

333  300

666  600

999  900

CCC  C00

FFF  F00

CC9  933

CC6  633

330  000

660  000

990  000

CC0  000

FF0  000

FF3  366

FF0  033

99F  F00

CCF  F66

99C  C33

666  633

999  933

CCC  C33

FFF  F33

996  600

993  300

663  333

993  333

CC3  333

FF3  333

CC3  366

FF6  699

FF0  066

66F  F00

99F  F66

66C  C33

669  900

999  966

CCC  C66

FFF  F66

996  633

663  300

996  666

CC6  666

FF6  666

990  033

CC3  399

FF6  6CC

FF0  099

33F  F00

66F  F33

339  900

66C  C00

99F  F33

CCC  C99

FFF  F99

CC9  966

CC6  600

CC9  999

FF9  999

FF3  399

CC0  066

990  066

FF3  3CC

FF0  0CC

00C  C00

33C  C00

336  600

669  933

99C  C66

CCF  F99

FFF  FCC

FFC  C99

FF9  933

FFC  CCC

FF9  9CC

CC6  699

993  366

660  033

CC0  099

330  033

33C  C33

66C  C66

00F  F00

33F  F33

66F  F66

99F  F99

CCF  FCC

CC9  9CC

996  699

993  399

990  099

663  366

660  066

006  600

336  633

009  900

339  933

669  966

99C  C99

FFC  CFF

FF9  9FF

FF6  6FF

FF3  3FF

FF0  0FF

CC6  6CC

CC3  3CC

003  300

00C  C33

006  633

339  966

66C  C99

99F  FCC

CCF  FFF

339  9FF

99C  CFF

CCC  CFF

CC9  9FF

996  6CC

663  399

330  066

990  0CC

CC0  0CC

00F  F33

33F  F66

009  933

00C  C66

33F  F99

99F  FFF

99C  CCC

006  6CC

669  9CC

999  9FF

999  9CC

993  3FF

660  0CC

660  099

CC3  3FF

CC0  0FF

00F  F66

66F  F99

33C  C66

009  966

66F  FFF

66C  CCC

669  999

003  366

336  699

666  6FF

666  6CC

666  699

330  099

993  3CC

CC6  6FF

990  0FF

00F  F99

66F  FCC

33C  C99

33F  FFF

33C  CCC

339  999

336  666

006  699

003  399

333  3FF

333  3CC

333  399

333  366

663  3CC

996  6FF

660  0FF

00F  FCC

33F  FCC

00F  FFF

00C  CCC

009  999

006  666

003  333

339  9CC

336  6CC

000  0FF

000  0CC

000  099

000  066

000  033

663  3FF

330  0FF

00C  C99

© 2006 VisiBone

009  9CC

33C  CFF

66C  CFF

669  9FF

336  6FF

003  3CC

330  0CC

00C  CFF

009  9FF

006  6FF

003  3FF

 Kode pilihan 4

Catatan: Kode warnanya yg di kotak kecil "HEX" ya.....
Sumber :[http://ziliwu.blogspot.com] 

selamat mencoba semoga bermanfaat.............

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «