Tips Merubah Background Sidebar Blog

Pada postingan sebelumnya Tips Merubah Background Blog, Blogspot kita sdh belajar bagaimana background blog kita ubah warna dan gambarnya, Untuk kali ini kita lanjutkan dengan tips merubah background Sidebar. Sidebar biasanya berada disebelah kanan atau kiri postingan artikel. Tidak jauh berbeda dengan merubah background blog, untuk mengganti background sidebar ini kita juga akan meng-utak-atik kode css-nya.

Langkah-langkahnya :

• Login ke blog anda Klik DISINI, silakan isi email dan password blog anda
• Pilih ‘TATA LETAK’
• Klik "Pilih Edit HTML"
• Silakan anda download terlebih dahulu Template anda klik "Download Template Lengkap" sebelah kanan atas ( menjaga jika template anda kacau dan mengembalikan ke template semula)
• (gunakan Ctrl + F ) Anda cari kode css seperti di bawah ini atau yang mirip dibawah ini :

#sidebar {
width: 226px;
float: $endSide;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

• Jika kita perhatikan kode diatas, kita tidak menemukan kode backgroundnya, Seandainya anda menemukan kode yang seperti diatas, anda perlu menambahkan kode backgroundnya seperti : background-color : #CCCCCC ; dan kode diatas akan berubah seperti :

#sidebar {
width: 226px;
float: $endSide;
background-color : #CCCCCC ;
color: $sidebarTextColor;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

• Silakan Anda ubah Kode warna backgrgroundnya, sesuaikan dengan keinginan anda (untuk kode warna HTML silakan anda lihat DISINI)
• Kalau warna background sdh sesuai dengan keinginan, klik simpan template 
• Selesai
• Semoga sukses.

Berlangganan via RSS Feed

Ingin Artikel seperti ini ?,... masukan alamat email anda untuk berlangganan.

Artikel Anyar Yang Berhubungan :