Apakah title sidebar Anda biasa-biasa aja? Dan ingin merubahnya agar terlihat menarik.Tepat sekali Anda perlu mekustomisasi title sidebar Anda.
Kustomisasi ini sebenarnya dapat membuat keseragaman dalam sidebar title. Disini kita dapat memberikan garis batas serupa kotak, atau dengan background warna, dan background gambar.
Baiklah kita mulai:
1. Masuk ke 'Tata Letak'
2. Klik 'Edit HTML'
3. Jangan lupa back up dulu templatenya
4. Cari kode ini:
5. Kalau belum tersedia, silahkan copas kode diatas dan tempatkan persih dibawah kode berikut:
.sidebar h2 {
margin:0;
padding:0 0.2em;
line-height:2em;
}
Tepatnya akan seperti ini:
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
6. Nah, sekarang kita pelajari dulu dengan model border. Caranya tambahkan kode berikut
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $sidebartextcolor;
line-height: 1.5em;
}
.sidebar h2 {
margin:0;
padding:0 0.2em;
line-height:2em;
}
border:1px solid #kode warna; tepat dibawah .sidebar h2 {
Sebelumnya pilih kode warna yang ingin Anda masukan. Contohnya seperti ini:
7. Untuk model background warna. Tambahkan kode berikut background:#kode warna; tepat dibawah .sidebar h2 {
.sidebar h2 {
border:1px solid #190101;
margin:0;
padding:0 0.2em;
line-height:2em;
}
Sebelumnya pilih kode warna yang ingin Anda masukan. Contohnya seperti ini:
8. Penggabungan Antara model border dengan background warna.
.sidebar h2 {
background:#f3172c;
margin:0;
padding:0 0.2em;
line-height:2em;
}
9. Dan untuk model gambar. Tambahkan kode berikut background:url(URL OF THE PICTURE)no-repeat; tepat dibawah .sidebar h2 {
.sidebar h2 {
border:1px solid #190101;
background:#f3172c;
margin:0;
padding:0 0.2em;
line-height:2em;
}
Tepatnya seperti ini:
10. Jangan lupa Save Template
.sidebar h2 {
background:url(URL OF THE PICTURE)no-repeat;
margin:0;
padding:0 0.2em;
line-height:2em;
}
Ok sekian dulu dan selamat mencoba....
0 komentar:
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!