How to Customize your Template in Blogger’s New Interface

After you selected your template, whether it is from Blogger or from another source, you have the chance to customize it anytime you want. Customizing your template is important for SEO and internet marketing. Here is our guide on how to customize your template:

2 options:

1. Using Blogger’s Template Designer (if you are using one of Blogger’s templates).

2. HTML and CSS editing for advanced users (If you are using a customized template).

Using Blogger’s Template Designer:

1. Click the name of your blog in Blogger Dashboard > go to Template > Customize.

2. For Templates, you can choose another template from Blogger if you did not like the previous one.

3. For Background, based on the chosen template, you can choose from Blogger Sponsored background images, or just choose solid colors, or you can upload your own background. It would be better to choose an easy to load background.

4. Adjust Widths, you can adjust the width of the entire blog or the sidebars. There will be a preview below for you to see the live adjustments.

5. For Layout, you can adjust the body or footer layout of your blog. You can put sidebars or additional columns to make your blog look cooler and usable for internet marketing.

6. For Advanced Options, you can change text fonts, sizes, and colors of the different parts of your blog to make it look cooler and more professional. The best thing in this option where you can do almost anything is the “Add Custom CSS” option. You can add codes to add background colors to your gadget titles in here or research at Google for cooler stuffs you can do with this option. You can also add SEO-friendly codes in here.

7. After you finalize your changes, click “Apply to Blog” and after the prompt “Template Applied” is shown, you can now go back to Blogger’s Dashboard and view your blog.

Direct HTML Customization:

1. From the Template page, instead of clicking Customize, click EDIT HTML.

2. A prompt will be displayed, just click PROCEED.

3. Click Expand Widget Templates to see all the codes you want to change.

4. Warning: It would be better to save the codes first in Notepad before making some changes. This option is for advanced users only.

5. You can put Google Analytics code in this option, Meta tags, favicon codes, advertisements in your post body, and sky is the limit to whatever you want in this option.

6. After doing the right changes, click Save Template. If there are no errors, you can now view your blog. If there are errors, just click “Clear Edits” and start again.

Congratulations! You already customized your blog.