Sunday, 20 April 2014

How to Change Background Color of Your Post Section


this tutorial will teach you step by step on how to change the background color of your post section on the blog...enjoy!~ ^_^
(click on the pictures to get a larger view)

1. Sign in to your blogger page

2. Click "LAYOUT"


4. Click "Advanced" and then click "Add CSS"

5. Copy the code below 
                                                       .post {
                                                       border: 10px ridge #cc6969;
                                                       margin-top: 10px;
                                                       padding: 20px;
                                                       width: 750px;

6. Paste it in the empty space after you click Add CSS

7. Click "ENTER" on your keyboard

8. DONE!

BUT!! the code above is the code for my blog...

Change color

to change the color of the post background of your own choice, change the code after 'background' with your desired color (highlighted with yellow)...and if you want to change the border color, change the code after border (highlighted with yellow) can search for your color code in the web...

Change the border style

if you want to change the border style, change the one highlighted in can choose either solid, ridge or dotted ^_^ play with the px to know what its mean...

what is margin top, padding & width?
play with the number beside each of the elements and you will see what happen to your blog...adjust the number until you satisfied and want to apply that to your blog

any problem don't hesitate to leave a comment ya ^_^v

Happy Blogging!

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...