Cara Mengganti Warna Background Blog

Ada banyak tampilan warna background yang ditawarkan oleh blogger. Sehingga kita bisa mengaturnya sesuai dengan keinginan kita. Setelah utak atik template blogwalking kesana kemari akhirnya bisa juga nih mengganti warna background secara manual. Begini caranya...

Template yang kita jadikan contoh adalah Style Simple bawaan dari blogger.

Pertama kita harus Login Blogger terlebih dahulu, pilih Rancangan lalu pilih Edit HTML, beritanda Centang dalam kotak Expand Widget Templates.

Setelah selesai langkah diatas, cari lah kode :

.body {
   font: $(body.font);
   color: $(body.text.color);
   background: $(body.background);
   padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); $(body.background.override)
}

Gantilah background dengan kode warna, misal putih #FFFFFF

.body {
   font: $(body.font);
   color: $(body.text.color);
   background: #FFFFFF;
   padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); $(body.background.override)
}

Hasilnya akan tampak seperti ini ( hanya setengah bagian saja yang berwarna putih )

Sesuaikan tampilan dengan selera anda, kode warna bisa dilihat disini.

Untuk merubahnya menjadi warna yang sama ( menjadi putih semua ) carilah kode seperti ini :

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 400px;>
  width: 100%;
  background: $(body.background);
  $(body.background.override)
}

Caranya sama, gantilah kode background dengan #FFFFFF.

.body-fauxcolumn-outer .cap-top {
  position: absolute;
  z-index: 1;
  height: 400px;
  width: 100%;
  background: #FFFFFF;
  $(body.background.override)
}

Selesai dan Simpan Template.

Semoga Bermanfaat.

Baca Juga :