Tutorial: Cara letak Ribbon Body Blog (bwh header)

Assalamualaikum First...thanks pada follower yg ke 960... eyra suka number nie..haha..K,atas permintaan mereka yg menghantar emel dn request di cbox,hari nie nk ajar tentang letak ribbon pada content wrapper.

Overview > Template > Edit HTML > Klik Proceed

Step 1

- Cari code #content-wrapper {

- Copy code yg eyra bg di BAWAH code kita cari

background:url('URL IMAGE') repeat-x;

line-height:10px;

preview dulu..kalau tk ada pape,kira ok la tuh..



Step 2:
- Cari code #main-wrapper {
- Gantikan colour Background untuk main wrapper nie kepada Transparent..contoh :

#main-wrapper {
margin-left: 14px;
padding-top:38px;
width: 550px;
float: left;
border-radius: 0px;
background: transparent;display: inline;       /* fix for doubling margin in IE */
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 */
}

Step 3:
- Cari code #sidebar-wrapper {
- Gantikan colour background untuk sidebar nie kepada Transparent.. conth :

#sidebar-wrapper {
margin-right: 14px;
padding-top:30px;
width: 250px;
float: right;
border-radius: 0px;
background: transparent;display: inline;       /* fix for doubling margin in IE */
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 */
}

Take Note :

URL IMAGE : url ribbon..cari je kat glitter graphics ^_^

*my own code!*