Search Here

Pages

Wednesday, 1 November 2017

How to customize blogger template with Template Designer

Hello bloggers In this article I will show you how to customize your blogger template. After reading this article you can easily customize and modify your blog's looks and feel as per your need. There is no need to change any HTML or CSS etc, here we will use Blogger Template Designer to customize our blog. In this article we will cover the basics here and not go through each and every aspects of Designer. Its up to you how much you explore it. Now come to the point.



How to customize blogger template with Template Designer?


For those who don't know What is Blog read my previous posts about blogging.

1- Sign In to your Blogger account.
2- Navigate to your blogger's dashboard and choose your desired blog which you want to customize.


How to customize blogger template with Template Designer


3- Now in the left menu click on "Theme" and also click an orange button "Customize" under live on Blog.

How to customize blogger template with Template Designer

4- The Blogger Template Designer will open.

How to customize blogger template with Template Designer


5- In the left side you will see following options.

  1. Theme
  2. Background
  3. Adjust widths
  4. Layout
  5. Advance


Theme — Change your Blog Theme. Click Next icon and scroll on Blogger Template Designer to get more Themes.

How to customize blogger template with Template Designer

Background — This option will be used to Change or customize background images and colors of your blog.
        Background image — This will set background image of the template body.
        Main color theme — This will Set background color, link color, etc.

How to customize blogger template with Template Designer


Adjust widths — This will adjust width for Entire blog and Sidebar.

How to customize blogger template with Template Designer


Layout — Set your blog Body layout and Footer layout, it has several pre-determined layouts that you can choose. Below image show default layout, If you want to change this layout e.g. adding sidebar, footer, sidebar in left or right side than use this Layout option.


How to customize blogger template with Template Designer

Advanced — Make Advanced Changes such as font, font size, text color, etc.
        Add CSS — You can add custom CSS from here without going into Template editor.

How to customize blogger template with Template Designer


Note: When you finish customization, in the top right corner, click Apply to Blog button.

No comments:

Post a comment