How to Put Templates Into Blogspot

Use templates to customize the look and feel of your blog.

Google-owned Blogger is one of the largest blog sites in the world. Users are allowed to create multiple blogs under the blogspot.com domain. The look and feel of each blog can be customized through the use of templates. A template is an HTML document that determines the design of the blog's active and archived pages. Blogger comes with predefined templates. Users are able to change or customize the default templates to give their blogs a personal look, or to convert the blog's design and theme to match their content.

Things You'll Need

• Blogger blog
• Blogger template
• Google account
• Knowledge of HTML

Instructions

Edit the Blogger Template

1. Visit the Blogger website.

2. Log in to Blogger using your Google account credentials.

3. Click on the "Design" link on the Blogger Dashboard for the blog whose template you wish to change.

4. Click on the "Edit HTML" link to access the blog's HTML code.

5. Save the current blog template by clicking the "Download Full Template" link.

6. Modify the template by changing the code. If you know HTML, modify the code directly in the editor and preview the changes by clicking on "Preview." If you do not wish to modify the HTML in place, copy the HTML code from the new template to your blog using steps 7 through 10.

7. Highlight the HTML code in the new template you wish to copy by dragging your cursor over the code using the mouse, or by simultaneously pressing the "CTRL" and "A" keys on your keyboard.

8. Copy the code to the clipboard by simultaneously pressing the "CTRL" and "C" keys on your keyboard.

9. Highlight the entire existing HTML code in the blogger editor. Do this by dragging your cursor using the mouse, or by simultaneously pressing the "CTRL" and "A" keys on your keyboard.

10. Paste the copied HTML code from the keyboard into the editor by simultaneously pressing the "CTRL" and "V" keys on your keyboard. This will replace the default blogger template code with your new blogger template code.

11. Preview the blog to make sure the changes are as you expected.

12. Make any required changes to the HTML code. Discard the changes and repeat steps 6 through10 as many times as necessary until the template meets your requirements.

13. Save the changes by clicking on the "Save" button.

14. Click "View Blog" to view the blog with the updated template.

References

• Blogger.com: How do I use my own template design?

Resources

• Blogger: Create your free Blog
• Free-CSS.com