Pages

Saturday 1 June 2013

toturial : Sidebar title Background

hye semua..sapa nak buaat  sidebar title backgorund nie..boleh la follow tuto nie ye..hehhee

follow step kat bawah nie sampai habes...

1. Dashboard => Design => Edit HTML =>Tick Expand Widget Templates .
2. Tekan CTRL+F search for this code
 ------------------------------------------------------------------------------------------
|     h2 {                                                                                                   |
-------------------------------------------------------------------------------------------

3. Bila da jumpa , copy code kat bawah ni and paste dekat bawah code h2 {

-----------------------------------------------------------------------------------------------
|  background:url(URL GAMBAR PILIHAN)                                                     |                                                                              
|                                                                                                                   |
-----------------------------------------------------------------------------------------------

4. lepas tu paste dekat bawah code ni text-transform:uppercase;
nanti dia akan jadi macam ni .

-----------------------------------------------------------------------------------------------
|   h2{text-align:center;                                                                               |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|   margin:0 0 1em 0;                                                                                     |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|   font:$(widget.title.font);                                                                        |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|   color:$(widget.title.text.color);                                                              |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|       text-transform:uppercase;                                                                  |
-----------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------
|     background:url('URL GAMBAR PILIHAN')}                                                |
-----------------------------------------------------------------------------------------------


preview dulu ye...bile dah jadi..baru save..ok??

No comments:

Post a Comment