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 :
- 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
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 */
}
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 */
}
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
| TRIK-TRIK TUTORIAL BLOG |
|---|
