How To Customize Blogspot Blog’s Template ?

Many of them are struggling to customize their blog’s template. Everyone wants their blog to look different from the other blogs but do not know how they relate to the code.


Let us make the customization of the template easy for you. You mainly have to know following things about Blogger platform and template coding.


1. Template are Designed in XML (Extensible Markup Language).


2. CSS, It is use to define how these elements and page should appear.


To Customize the template just Login to Dashboard and Select Template Option from the left side Menu.


Customize Template


A page appears where you can select templates and with Edit HTML Button.


Customize Template


You can Customize your template by clicking edit HTML button, After Clicking Edit HTML button a box appears that asks us to proceed.


Customize Template


Then Click on Proceed to start editing HTML or to Customize your Template.


The blog’s Template is similarly divided into Main divisions called :


1. Body
2. Outer Wrapper
3. Header Wrapper
4. Main Column
5. Sidebars
6. Footer


You can replace your coding with new one (from any source) to make customization as you want.


You can also change CSS coding, if required. I.e. if you want to change height, width, colors, font styles, Background images, etc you can change using css code.


CSS id names of the above Divisions which you can easily Customize :



For body :


#body {
You can change background color here


For Header :



#header-wrapper {
CSS code goes here


#header {
CSS code goes here


For Outer Wrapper :


#outer-wrapper {
CSS code goes here


For Main Wrapper :


#main-wrapper {
CSS code goes here


For Sidebar Wrapper :


#sidebar-wrapper {
CSS code goes here


For Footer :


#footer {
CSS code goes here


You can also get more CSS examples and you can also learn CSS from W3Schools.


If you want to develop a new Blogger template, Please do study about XML/CSS using W3Schools or many other sources and then try developing your own unique template.


If you have any problems/doubts, Please share it with us by commenting below, we will do our best to solve the issue for you.

About Sai Kumar

I + Sai Kumar, is the Founder and CEO of Crunchyhub. I am a Simple guy from Hyderabad, Andhra Pradesh. I writes about Blogging, Technology, Programming etc. Connect with me on Facebook, and also you can also Follow me on Twitter.


  1. Great Tips Bro..Thanks For Sharing these Useful tips
    Saikiransama recently posted..How to Add Official Facebook Recommendation Bar To BloggerMy Profile

  2. Really Amazing tips Bro…Thanx a lot :)
    Srikanth recently posted..A Short History of Facebook Privacy FailureMy Profile

  3. Thanks for the advice. I completely forgot about linking back to older posts from new pages which you may have created. This is exactly what I have just done on my car valeting website but didnt create internal links. thanks for your help and advice.
    Blogging Tips recently posted..How to Find the Best Keywords for Your Blog for FreeMy Profile

  4. Thanks for tut! I’ve been messing around my blogger template for a while now.
    Mike recently posted..Mediabridge High Speed HDMI Cable with Ethernet – (6 Feet) -Basic Series 2-PackMy Profile

  5. Nice post but user should know HTML and CSS for customization.
    Pawan recently posted..HTC One: 4MP with Quad-core ProcessorMy Profile

  6. Useful post thanks for sharing your blog rocks bro 😀
    anis recently posted..5 Reasons Why I Decided To Move My Blog From Blogger To WordPress !My Profile

  7. Hi

    Excellent information, I have gone through your article. this is very useful tips for customization blogspot theme and integrate the widget. thanks for sharing useful information.

Speak Your Mind


CommentLuv badge

More in Blogging, Tutorials (16 of 22 articles)