Cara Mengganti Background postingan dan border blog

Mengganti background postingan dan mengganti border potingan blog standar blogger dapat dilakukan dengan cara merubah atau menambah kode css template blog.

Point: 1
Login ke blogger.com ---> Template ---> Edit Html

Point: 2
None aktifkan border bawaan asli template blogger, caranya dengan menggunakan Ctrl + F cari kode css:
.fauxcolumn-left-outer .fauxcolumn-inner {   dan   .fauxcolumn-right-outer .fauxcolumn-inner {

Kemudian tambahkan kata none sehingga menjadi:

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: none;1px solid $(body.rule.color);
}

dan

.fauxcolumn-left-outer .fauxcolumn-inner {
  border-right: none;1px solid $(body.rule.color);
}

Point 3:
Cari kode ]]></b:skin>. Dan letakkan kode css berikut di atasnya:

.main-inner .fauxcolumn-center-outer {
background:#9bc3e8;
border:2px solid #000;
}

Kode Css border tersebut adalah untuk border empat (4) sisi. Kalau menghendaki hanya border pada sisi tertentu tinggal mengganti dengan kode:
border-left: untuk sisi kiri
border-right: untuk sisi kanan
border-bottom: untuk sisi bawah
border-top: untuk sisi atas.

2px adalah ketebalan border
solid adalah jenis border
#000 adalah warna border.

Point 4:
Klik Simpan Template. Selesai

Ilustrasi perubahan background dan border postingan blog dapat dilihat pada:

• Gambar Background dan border postingan sebelum di ganti.

• Gambar Background dan border postingan setelah di ganti.

Selain mengganti background dan border postingan blog, pembaca juga bisa mengganti background dan border sidebar serta mengganti background header blog.

Demikian artikel singkat ini dan salam blogger.

Related Posts :