WANASEOBY: June 2013

Hi guys, starting from today I will update one by one post or sidebar title just for you guys! You can send a request to me on what style you want me to make for the next tutorial. As for Style 1, I make a very simple post and sidebar title style which will suit those with a minimalist theme! You may edit them to your own style too.

Click here to see the live preview.

To apply this style to your post and sidebar title, follow the following steps. The steps seem complicated but trust me, it is easy. Just follow the steps carefully so that you won't messed up your blog!

For Post title

1. Go to Dashboard > Template >Edit HTML

2. Click in the HTML box > and press CTRL + F to search code.
3. Paste this code under <head>

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet"/>

4. Then, search for h3.post-title.

4. You will immediately directed to this code: Don't worry if the codes inside the { and } look different than yours because you might have followed other styling tutorial before. I am using the original and untouched white simple template from Blogger.

5. Remove the codes I highlighted, and replace them with this:

h3.post-title, .comments h4 {
font-family: 'Josefin Sans', sans-serif;
font-size:20px;
color:#888888;
border-bottom:1px dashed #DFDAFC;
letter-spacing:2px;
font-family: 'Josefin Sans', sans-serif;
padding:5px;
font-weight:normal;
text-align:center;}
}


h3.post-title a{
color:#888888;
}

6. You are done!

For Sidebar Title

1. Search for div.widget > h2 and you will find something like this.

2. Just as the Post title, remove the whole codes that I have highlighted and replace the codes with this:

.widget h2{
font-family: 'Josefin Sans', sans-serif;
font-size:20px;
color:#888888;
border-bottom:1px dashed #DFDAFC;
letter-spacing:2px;
font-family: 'Josefin Sans', sans-serif;
padding:5px;
font-weight:normal;
text-align:center;}

3.Now you are done!

Thank you for reading :)