Tutorial: Cara letak Ribbon Body Blog (bwh header)

Thursday, November 29,14:07 | 7 notes
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!*

7 ringankan tangan untuk menaip:

Ruqaiyah Amanina said...

thanks dik for this tuto :)

MIS said...

nice...
vesit here http://iss-life.blogspot.com/
a lot information in this world.

Unknown said...

@Ruqaiyah Amanina welcome sis ^_^

Unknown said...

x jadi la..cm ner erk? http://mira-razak97.blogspot.com/

Unknown said...

@Anis Amirah awk pakai template jenis ape ? sy guna denim template..tp,series tk jadi ? dh cuba ??

αզιℓααα ғαωααααн said...

blogskins punya takda ?

julia said...

awak,blog dh lain la skang nih.camne yer? hurm.awak perasan x? hehe