How to Customise Blog Layout and Theme?

In the previous article I have shown you how to write your first post in the newly created blog. In this article, I have discussed about all the other buttons present in the blogger dashboard one by one and also will show you how to customize the blog layout and theme as per your wish.

How to Customise Blog Layout and Theme?
Customise Blog Layout and Theme

Let us first know about the buttons on the left one by one:

1. Posts: This is the window which contains all the published and drafted articles that you have either published or saved for publishing in the future. Also here you can sort the posts on the basis of labels (I will come to this later on).

Posts Window
Posts Window

2. Stats: This window contains an overview of the blog's performance via the count of Page Views, Traffic Sources and a graph showing daily visits. Other than that, we have Audience submenu which displays the Pie Chart and numerical figures of Page Views from different countries.

Stats Window
Stats Window

3. Comments: Here you'll find the collection of viewers' response on your articles. Both published as well as spam comments are available under two different submenus.

4. Earnings: After your blog is qualified for Google Adsense earnings you'll see a page as the picture below.

Adsense Earnings Window
Earnings Window

5. Campaigns: Here, if you are promoting your blog via Adwords campaigns the details of the same is shown under this menu.

6. Pages: This menu contains the collection of different pages be it published or drafted. Don't get confused between a page and a post. Detailed differences will be mentioned very soon in another article.

7. Layout: The framework of your blog's live template. Here whichever template you have can be edited by adjusting the placements of gadgets that you want on the blog. You can shift About Author gadget from Sidebar to Footer Block using Drag and Drop feature on this Layout Tab.

Layout Window
Layout Window

8. Theme: This menu contains list of all those themes that you saw while creating the blog. Also, the top section of the page contains two screens one of which shows what the blog lively looks like in Desktop Screen and other shows the Mobile View.
One can easily customize the theme using Customize or Edit HTML option.

Theme Window
Theme Window

9. Settings: This contains several options to change your blog's behaviour, but this I will save for another article else this article's subject will be long lost.

So moving on to the Layout Option.


Here, to change the placements of gadgets or edit the Header, Footer or Favicon, one can get all of these under a roof.
Talking about the Favicon, this will be icon of your blog when someone visits its live window. The size of the image to be uploaded is less than 100KB.
Under the Header Option you can choose to show your Header Text and Description or a Custom Header Image along with it or instead of it.
Other than that all other gadgets are changed as per need of the blog.
If you change any position of gadgets, make sure to Save Arrangement before leaving the page. Else all those changes will be lost.


When you open this menu, you'll see Customize and Edit HTML option. For absolute beginners I suggest to go for Customize option. You'll be redirected to theme editing window. Here, you can carry out bunch of actions to modify entire blog's look. I'll put up a video tutorial related to this ASAP.

Video Tutorial:

You may subscribe to my YouTube channel: TechGyd by Sukalyan for more interesting contents.