How do I Edit the HTML on Blogger?

Edit the HTML on your blogger's layout

If you want more control over the formatting of your blog, you can easily access and change its HTML code:
  1. Go to your Blogger dashboard
  2. Next to the gray Post List icon, click the drop-down menu and select Template. 
  3. Click the Edit HTML button under the "Live on blog" view 
Tip: Change your blog's design without bothering with the code! Check out Blogger's Template Designer to create and apply your own design or a cool one you find from another user.

Here are a few tips for editing your code:

Save a copy first. Before you start editing the code, we highly recommend that you download a copy of your template. If your changes don't come out the way you wanted, you'll be able to revert to the original version by simply uploading that downloaded copy.

Understand Blogger's code. Along with regular HTML and CSS, Blogger also uses many custom tags. It's a good idea to familiarize yourself with Blogger's page element tags and font and color tags before you start.

Find the code for page elements. By default, each page element is shown in the code as a one-line placeholder to simplify the code, whose options can be set in the graphical interface on the Layouts tab. Click "Expand Widget Templates" to show the complete code for each element, and learn about those elements' widget template tags.

Use our tool for CSS changes. For extensive style changes, you can use the Template Designer to add custom cascading style sheets (CSS) to your blog. If you're not too familiar with CSS, check out this CSS introduction.


Want to change HTML in your Blogger Post?


  1. Click the orange button with a pencil icon "create new post"
  2. Under the Blogger Icon in the upper left hand corner should be the title of your blog website.  Under the title of your blog website there are two button side by side: Compose and HTML.  When you click HTML, you are now editing the HTML.  Type a sentence in and make it bold to see the HTML tags.
Any questions feel free to email us.  For more on HTML and tutorials, please see a great website at

Hope this was helpful,

The PushYourRank Team
Author: Nicholas Coriano

About The Author: Nicholas Coriano is an Entrepreneur, Web Developer, Social Media Marketer, SEO Consultant and the founder of this blog and The  While developing websites for his own businesses and marketing his entrepreneurial ventures online, he began blogging useful tips and "how-to" articles on for reference purposes.  To retain Nicholas for help with your Website, Social Media, SEO or other online/technology needs, email

About (the Blog) is a blog that helps small businesses, start-ups, developers, amateurs website builders, bloggers and entrepreneurs develop their websites, their social media presence, their search engine optimization techniques and more  The Blog publishes articles about Ecommerce, Email Marketing and How To Make Money well as any topic that pertains to the Internet or Online.  If you need help developing a website, SEO or Social Media outsourcing, see, if you would like to advertise or have us publish an article on a certain subject, please email us at