Cara Merubah Warna Latar/Backgrund header, sidebar,postingan di blogspot


Anda mau merubah / mengganti background header, footer, dan body dengan warna yang lain??Kadang kita bosan juga liat tmpilan blog yang gitu gitu saja.

Kalau itu yang anda cari, sebenarnya caranya mudah sekali.simak postingan ini sampai tuntas :

Langkah cara merubah warna background pada blog :

1. Masuk ke akun blogger
2. Dashboard
3. Tata Letak
4. Edit HTML ==> cari kode di bawah ini dengan menggunakan ctrl + F :

  • 1. Merubah warna background halaman postingan / main body pada blog Cari kode:
    #main-wrapper { #main-wrapper {
    background:#000000;

  • 2. Merubah warna background body pada blog Cari kode:
    body { body { background:#000000;

  • 3. Cara merubah warna background header pada blog Cari kode:
    #header-wrapper #header-wrapper { background:#000000;

  • 4. Merubah warna background sidebar di blog Cari kode:
    #sidebar-wrapper #sidebar-wrapper
    background:#000000;

  • 5. Merubah warna background footer di blog Cari kode:
    #footer { #footer {
    background:#000000;

Keterangan :

Ganti kode warna #000000 dengan warna yang anda sukai. Untuk anda yang ingin mengganti warna background pada blog dan belum hafal kode warnanya, silahkan lihat kode-kode warna HTMLnya disini.


More artikel:

Kata kunci:
Cara merubah background, Cara rubah header, Rubah warna, Rubah latar postingan.

Share on Google Plus

About Fulldesainer

    Blogger Comment
    Facebook Comment

12 comments:

  1. Makasih gan..mau nyoba dulu

    ReplyDelete
  2. Gan kalo rubah ganbar heder gmna?

    ReplyDelete
  3. Gan kalo rubah ganbar heder gmna?

    ReplyDelete
  4. sob,,, saya mau tanya nich,,,,,,,,
    cara ngubah bacground header gimana ya,,,, punya saya baground headernya warna hitam,,, mau ngrubah warna putih dari tadi di coba gak bisa bisa.......

    ReplyDelete
  5. tinnggal nyari code template #header-wrapper ganti code warnnya sesuai yg dikehendaki..

    ReplyDelete
    Replies
    1. #header-wrapper{width:950px;margin:0px auto 0px;height:146px;overflow:hidden;}
      #header-inner{background-position:center;margin-left:auto;margin-right:auto}
      #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}
      #header h1{margin:0 5px 0;padding:20px 0 0 0px;font-family:Arial, Helvetica, Sans-serif;font-weight:bold;font-size:48px;color:#66FF33;}
      #header .description{padding-left:10px;color:#66FF33;font-size:14px;padding-top:0px;margin-top:0px;}
      #header h1 a,#header h1 a:visited{color:#66FF33;text-decoration:none}
      #header h2{padding-left:15px;color:#736f74;font:14px Arial,Helvetica,Sans-serif}
      #header2{float:right;width:51%;margin-right:0px;padding-right:0px;overflow:hidden;}
      #header2 .widget{padding:30px 0px 0 10px;float:right}


      saya kurang tau kode mana yang di ganti,,,,
      ini kode header saya...........

      Delete
  6. wis mantap artikel yg bermanfaat ditunggu kun bal,y di http://www.jurirakyat.com/

    ReplyDelete
  7. terimakasih banyak atas infonya, oh iya unto blog wordpress gimana ya sob? www.giribig.com

    ReplyDelete



Ada yang perlu Anda tanyakan?Link error,kritik dan saran..?Silahkan sampaikan di kolom komentar dibawah ini.

1. Klik select profile -->> pilih Name/URL.
2. Isi nama Anda dan isi URL dengan alamat Facebook Anda/ kosongkan saja.
3. Klik Lanjutkan.
4. Ketik komentar anda dan klik PUBLISH.
5. Bagi yang belum bisa berkomentar dengan HTML,silahkan klik disini.
6. Komentar yang kurang sopan,Spam/SARA otomatis akan kami hapus.

Terimakasih atas kunjungan Anda.