Cara Mengganti background Dan Border Sidebar

Artikel Mengganti background dan border pada sidebar blog banyak kita jumpai saat browsing di internet. Tapi kebanyakan isinya adalah menjelaskan bagaimana mengganti background dan border sidebar untuk template hasil custom, bukan template asli bawaan atau standar blogger. Dan biasanya kode css sidebar dari template hasil custom adalah #sidebar-wrapper {....}.

Dalam artikel ini saya berusaha menjelaskan bagaimana cara mudah mengganti background dan border sidebar blog untuk template asli bawaan blogger atau standar blogger.

Poin 1:
Login ke blogger.com ---> Template ---> Edit HTML.

Poin 2:
Dengan menggunakan CTRL-F, carilah kode css ]]></b:skin>

Poin 3:

Letakkan kode css di bawah ini tepat diatas kode ]]></b:skin>

.main-inner .fauxcolumn-right-outer {
  border-left: 2px solid  #c61;
  border-right: 2px solid  #c61;
  background: #C9D0E0 ;
}

Css border diatas hanya untuk border kiri dan kanan. Untuk border atas dan border bawah kode css nya adalah border-top dan border-bottom. Jika menghendaki border pada empat sisi tinggal mengganti kode css bordernya menjadi:  border: 2px solid #c61.

2px adalah ketebalan garis atau border
solid adalah jenis atau bentuk border
#c61 adalah warna border
#C9D0E0  adalah warna background.
Silahkan uji coba degan berbagai macam variasi warna dan jenis border.

Poin 4:
Simpan Template dan lihatlah hasilnya.

Gambar ilustrasi mengganti background dan border sidebar bisa dilihat di:

• Gambar background dan border sidebar sebelum diganti

• Gambar background dan border sidebar setelah diganti

Sebenarnya ada cara mudah dan praktis untuk menentukan kode css mana yang hendak dirubah kalau ingin merubah tampilan template blog. Penjelasan selengkapnya silahkan baca Cara Mengetahui Ukuran Dan Kode Css Pada Blog.

Salam sukses.

Related Posts :