How to Edit Live Blogger Template and Customize it

By default Blogger has provide some template to used, but sometimes people need to edit it according what they want, for example, they need some modification on home page or need add some javascript code inside the template, to do that you must know how to edit live Blogger template.

Edit Blogger template can be done by various way, but these article will show you how to do that from your dashboard, first go to blogger homepage on http://blogger.com and log-in with your acount, from dashboard click combo beside 'View blog' text, scroll down and click Template, see image below (watch black arrow):

After above steps, template menu will display, see image below:

In above image you can see two screenshot display about your blog, on the left is screenshot your live blog, and the right is your blog on mobile tempate, you can preview it to see how it works, there are two button below screenshot live on blog, one is Customize and the other one is Edit Html.

Customize button is a blogger template designer to adjust template preferences, for example blog width, size, arrange sidebar, footer placement, 2 column or 3 column mode template, font used, color, background and some others environment variables, this menu will display how your blog live on internet and you can try some template display and finished with Apply button on top right corner, see image below:

Edit Html button is template editor to adjust your blog on manual way, add some javascript code, search some code to replace by another code, or even deleted it. This menu has Preview button to see how some modification that your created will display on your live blog before your published it. You don't need to search the code manually, because there is search box display if you hit Ctrl-F inside there. And don't forget to click save template to finished it, see image below:

That's it about how to edit live Blogger template and customize it, thanks.