How to Edit Your Blogger Templates

Posted on Jul 27 2020 - 5:36am by Rohit Shetty

Are you tired of the regular templates that come with Blogger? Well never fear because this article will show you how you can change the colors and layout of your chosen template into something that’s unique and attractive. You can add different headers, change the background, and even change the font style and the best thing is that it’s actually very simple. So let’s get started so you can learn how to edit your Blogger templates.

We will start with the easy stuff first and change the fonts and colors of your template. Head to your Blogger Dashboard and click the layout tab. From there you’ll see four links. Choose the font’s and colors link and you’ll be taken to a page that is split into two sections. The top section contains the items that you can edit and change and the bottom section gives you a preview of what that change will look like. Feel free to change and play around as much as you like because nothing with actually be changed until you press the Save Changes button, so if you choose a color or font that you don’t like you can always cancel those changes.



Next, let’s add a custom header to our page. Most Blogger template headers are defaulted to display just text but you can easily add an image behind the text or even to replace the text at the top. Go to the Layout Tab and click on the Page Elements link. You’ll see a page that shows the basic layout of your blog. Find your header at the top and click the Edit link to bring up the Configure Header display. From here you can upload your image and choose to have it behind your test or instead of your text. Most Blogger header sizes are 730 pixels wide so keep this in mind when making your header graphic.

Advanced editing can also be done to your template however you will need some HTML and CSS knowledge before you decide to try and rewrite any code. However, there are some simple things that you can do that shouldn’t be too hard. The first is changing the background color of your page. Scroll down until you see the body stylesheet of the template. This is where you’ll find the basic information about your templates such as background color, line-height, and general font-size. If you know the hexadecimal color that you want for your background then just replace the hex number (the number that starts with a hash (#)) with your new hex number.

About the Author