Bagi Sobat 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. Pada tips ini kita akan mempelajari bagaimana cara untuk mendesain blog kita agar terlihat lebih menarik & efisien di pandang oleh setiap pengunjung dari dalam mau pun luar Negeri. So, dari pada basa-basi mending kita langsung coba aja ya sob..:)
Cekidot...
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 Sobat ingin merubah warna dengan kode #000000 maka hasilnya akan seperti ini :
#header-wrapper {
background:#000000;dan seterusnya........
Bila tidak menemukan tulisan background:#f4f4f4; Sobat 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 Sobat 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 Sobat 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 Sobat 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 Sobat 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.
Berikut Kode Warna HTML dalam tiga dan enam digit:
Kode | Warna | Kode | Kode | Warna | |
---|---|---|---|---|---|
#f03 ( #ff0033 ) | OOOOOOOO | #00f ( #0000ff ) | OOOOOOOO | #cc3 (#cccc33) | OOOOOOOO |
#000 ( #000000 ) | OOOOOOOO | #900 ( #990000 ) | OOOOOOOO | #f39 (#ff3399) | OOOOOOOO |
#3f0 ( #33ff0 ) | OOOOOOOO | #0cf ( #00ccff ) | OOOOOOOO | #63c (#6633cc) | OOOOOOOO |
#966 (#996666) | OOOOOOOO | #990 (#999900) | OOOOOOOO | #f63 (#ff6633) | OOOOOOOO |
#666( #666666 ) | OOOOOOOO | #c3c ( #cc33cc) | OOOOOOOO | #ccc ( #cccccc ) | OOOOOOOO |
0 komentar:
Posting Komentar