create your own

Blogspot template code: How to find and edit blogspot template code?

73
rate or flag this page

By blog

If you want to edit or modify of your blogspot template then you must have to access your template's code. For any type of modification of your template design or to add some extra code of your template, you need to access the blogspot template code. Through my tutorials, I shortly mention the way to access the template code. As, this is the common for all types of template code modification, I simply describe details here for your convenience to learn and understand.

Steps to find and edit blogspot template code

Follow the following steps to find and edit blogspot template code:


Blogspot sign in page
Blogspot sign in page

Step 1: Sign in to blogspot account

  • Open your browser. You may use any type of browser. I personally like Firefox and I see it really helps for editing or working on blogspot template.
  • Type www.blogger.com in the address bar of the browser.
  • When the blogger home page will be loaded, you will find two textbox to login your account. Put your username and password and Sign In to your blogger account.

Step 2: Selecting the blog to edit template

After successfully logged in, you will access Dashboard of your account. Here, you will find all the list of your blogs. Decide adn find the blog which you want to change.

Click on the Layout option to see the template layout.
Click on the Layout option to see the template layout.

Step 3: Accessing the Layout of your blog template

I think, you decide the blog to edit the template. You will find an option like Layout beside the blog you want to modify. Click on the Layout to access the layout of your blog template.

Step 4: Accessing the actual code of blogger template

You will see a page will be opened where you see several Gadgets. But our task in not with the gadgets. We need to access the code. Actually this page is the graphical view of your blogger template. In the top of the page, you will find several options under Layout. You will find Page Elements, Fonts and Colors, Edit HTMLand  Pick New Template options. Click on the Edit HTML to access your blogger code.

Click on "Edit HTML" to access your blogger code
Click on "Edit HTML" to access your blogger code

Step 5: Expanding Widget Templates

For most of the cases, you need to expand widget templates. By default, you only see the CSS code of your template code i.e. you only see the design code of the template. All the codes are not visible by default. To see all the code you have to click on Expand Widget Templates

Click on the "Expand Widget Templates" to view all the codes of your blogger template.
Click on the "Expand Widget Templates" to view all the codes of your blogger template.

By following the above steps you can find the Edit Template code of your blog. Now, you are ready to modify or edit or add all types of code to your blog template.

© This tutorial is written by Blog.

Print   —   Rate it:  up  down  flag this hub

Comments

RSS for comments on this Hub

palla sridhar  says:
5 months ago

Very nice article. But still it is very unclear how to edit the resulting Template code. The Template code is in XML file. So I'm not sure how to edit this XML file to fit my requirements. It would be nice if someone wrote an article on how to edit this XML file.

clueless in tennessee  says:
5 months ago

i dont understand how to edit the html- i just want to add a pic to the top. :( helpp

blog profile image

blog  says:
5 months ago

Dear all, before doing any modification you need to access the html code of your template. Many people can't know about this and they ask me how to do that. To modify any footer section or to change the background colour.. etc. you must have to access the template code. 

This page just provides the setp by step solution to accessing the template code for further modification. 

So, I mentioned several pages how to access the code of your template to edit your template and then give a link to this page. So, please don't think that this page has any option to change the code. By following this page's instruction, you can easily enter the template code modification stage.

Thanks for all for your comment and about your expression. I think now it's clear about the significace of this page. If you have any query then please tell me, I wil try to explain...

blog profile image

blog  says:
5 months ago

palla sridhar, thanks for your comment. I will try to explain more details and more topics on how to edit this XML file later. I think within the end of this month you will find about that. thanks.

mayank  says:
2 months ago

thanks.useful

sachin  says:
2 months ago

hi friend i have seen this website to install new design for my own blog, http://bloggerfreetemp.blogspot.com/ but these codes r not working on my blog, how to adjust such HTML code,please help me, and tell me if there is any fault on http://bloggerfreetemp.blogspot.com/ in html code or i m making any mistake in editing the blog, my blog is www.faltusms.blogspot.com

AMII  says:
4 weeks ago

how to download the template to our hard drive ? anyone knows the website or give me some tips that might help ?

rahul  says:
4 weeks ago

u may try this blog www.bloggerfreetemp.blogspot.com leave the comment on the given blog , i will try to reply u,

Submit a Comment

Members and Guests

Sign in or sign up and post using a hubpages account.


optional


  • No HTML is allowed in comments, but URLs will be hyperlinked
  • Comments are not for promoting your hubs or other sites


blog's Recent Pages

rancidTaste's Recent Pages

working