Flag This Hub

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

By


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.

Comments

palla sridhar 2 years 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 2 years ago

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

blog 2 years 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 2 years 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 2 years ago

thanks.useful

sachin 2 years 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 2 years ago

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

rahul 2 years ago

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

paras 2 years ago

u may contact me, if u have any problem in downloading the website theme or template or flash designs, then i can send u free website designs of any kind, it is flash or css or html , htm or whatever it is, i will try to help u, mail me at pokahai18@yahoo.com thanks

Bipin 16 months ago

thank u, i was able to install new templates successfully

http://soft-engineering.blogspot.com/

sandeep 15 months ago

i love my simple theme, no need to download or change any codes . http://mysweetkelly.blogspot.com

azis wijaya 14 months ago

yes nice articel

i can get something to do

Jay Max 14 months ago

Thank Q Very much 4 ur info.If yew want to get six pack then visit this..http://fitnesslk.blogspot.com/

john 10 months ago

Nice information, many thanks to the author. It is incomprehensible to me now, but in general, the usefulness and significance is overwhelming. Thanks again and good luck!

seo

bryan 3 months ago

This is nice article, i learn a lot from here thank you.

Real Estate & Properties Noida 5 weeks ago

This blog is highly informatics, crisp and clear. Here everything has been described in systematic manner so that reader could get maximum information and learn many things. This is one of the best blogs I have read. For info please visit - http://www.realpropertywala.com/index.html

Submit a Comment
Members and Guests

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



    blog's Recent Pages

    rancidTaste's Recent Pages

    Like this Hub?
    Please wait working