Tutorial Separate Header from Blog (Simple Template)

Misaki PureBlood | Monday, June 03, 2013 | | | BE THE FIRST TO WHISPER!

Take Note: I'm using SIMPLE TEMPLATE :)

1. Go to Dashboard > Template > Edit HTML > CTRL + F

2. Find this code:
/* Header
3. Copy this code and paste it before above code
.header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer { background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;} 
4. PREVIEW first and you will see your blog will be like this:


There is shadow around blog header right?

5. To remove shadow around header, you need to find this code:
.content-outer {
6. Delete this code or similar code like this: (this code you will find it below code in no. 5)
 -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
 7. PREVIEW if code working well and no error. Anyway, you will see your blog like this right?



Hope this tutorial help you guys :)

Tutorial Removed Separator Line (Simple Template)

Misaki PureBlood | Monday, June 03, 2013 | | | | | BE THE FIRST TO WHISPER!

Yoa minna XDD~ Today I'm gonna teach you simple blog tutorial :3

Take Note: I'm using SIMPLE TEMPLATE :)

You need to remove the line I mark with light blue colour: 



1. Go to Dashboard > Template > Customise > Advanced > Accents and choose Transparent!!


So, it will be like this this later:

TADAAA!!!


Did you see it? No more annoying line appear there right?

^__^

Hope you like and understand this super duper easy tutorial~ ahahaha :3