12/22/2013

How to style your sidebar or post title - Style 2

12/22/2013

Hi. Today I'm gonna update the second version of "How to style your sidebar or post title"! This time I added a hover effect to the title. I use kawaii polkadot background but you can always change the bakground to  suit your blog style! 

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:



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:

3.Now you are done!

Thank you for reading :)