1.Go to "Template" --> "Edit HTML" of your blog.
2.Click on "Expand Widget Templates"
3.Add this code just above tag:
Border:
The line marked in orange represents the border's style.
What it can be done:
- 1px - you can increase the value to change the border's thickness
- solid - change the border's style to dotted, dashed, inset, outset etc.
- #FFA500 - this is the border's color value, change it with your own color
Background:
The line marked in blue represents the background's style. You can use a plain color or an image. By default there's a combination of both (a white transparent image with a gray plain color).
To change/add:
- a different color: replace the #F1F1F2 value with your own (use this tool to find the hex code of your desired color)
- an image: replace the defaul url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCwCtQjREWTbRmQ5xwf675IEJaiy3DAIEu2jNO5qHNddd_INR8YE0k1_ecUiRTjzlj9Myay9-u8DYuma5WtAUpPWelBoGoPRGPPoA3thOv92sEaIdOSholtALJyGA6jbr2eXNN5SX3Xqw/s1600/bg.png) with that of your image
Font Color:
To change the font's color, replace the #444444 color value in green with your own. (you can use this tool to find the hex code of your desired color)
Font Size:
Modify the value in red by increasing/decreasing the "12" value in order to change the size of text.
Step 5. Now Save your Template.
0 comments:
Post a Comment