Tutorial : Coloured Background Sidebar Title
10:48Assalamualaikum
Tutorial ni untuk background berwarna je tau bukan image background.
Contoh coloured sidebar
Tutorial 1
Langkah 1 : Blogger > Dashboard > Template > Edit HTML
Langkah 2 : CTRL+F dan cari code h2 {
Langkah 3 : Paste code ni di BAWAH code yang korang cari tadi .
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
margin: 1.6em 0 .5em;
padding: 5px;
background :#F5A9A9;
border-bottom: 6px solid #FFFFFF;
text-align: center;
Langkah 4 : Preview dulu , kalau jadi baru save ye ? Kalau tak jadi cuba try cari ni pulak
Tutorial 2
Langkah 1 : Blogger > Dashboard > Template > Edit HTML
Langkah 2 : CTRL+F dan cari code /* Headings
Langkah 3 : Paste code ni SELEPAS code h2 {
-webkit-border-top-left-radius: 10px;Langkah 4 : Preview dulu , kalau jadi baru save
-webkit-border-top-right-radius: 10px;
margin: 1.6em 0 .5em;
padding: 5px;
background :#F5A9A9;
border-bottom: 6px solid #FFFFFF;
text-align: center;
Tulisan biru : Warna Background . Boleh cari dekat SINI
Tulisan Hijau : Lengkungan Sidebar. Kalau tak nak sidebar tu melengkung boleh delete code atau jadikan dia 0px
Jangan lupa share feedback kalau tutorial ni menjadi .
Till then , Adios
0 comments