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:
If you want more control over the formatting of your blog, you can easily access and change its HTML code:
- Go to your Blogger dashboard.
- Next to the gray Post List icon, click the drop-down menu and select Template.
- 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.
Source: http://support.google.com/blogger/bin/answer.py?hl=en&answer=46870
Want to change HTML in your Blogger Post?
Simply:
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.
Source: http://support.google.com/blogger/bin/answer.py?hl=en&answer=46870
Want to change HTML in your Blogger Post?
Simply:
- Click the orange button with a pencil icon "create new post"
- 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 http://www.quackit.com/html/
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 NewYorkWebsiteDesignCenter.com. While developing websites for his own businesses and marketing his entrepreneurial ventures online, he began blogging useful tips and "how-to" articles on PushYourRank.com for reference purposes. To retain Nicholas for help with your Website, Social Media, SEO or other online/technology needs, email PushYourRank@Gmail.com
About PushYourRank.com: PushYourRank.com (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 ....online. The Blog publishes articles about Ecommerce, Email Marketing and How To Make Money Online...as well as any topic that pertains to the Internet or Online. If you need help developing a website, SEO or Social Media outsourcing, see NewYorkWebsiteDesignCenter.com, if you would like to advertise or have us publish an article on a certain subject, please email us at PushYourRank@Gmail.com
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 NewYorkWebsiteDesignCenter.com. While developing websites for his own businesses and marketing his entrepreneurial ventures online, he began blogging useful tips and "how-to" articles on PushYourRank.com for reference purposes. To retain Nicholas for help with your Website, Social Media, SEO or other online/technology needs, email PushYourRank@Gmail.com
About PushYourRank.com: PushYourRank.com (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 ....online. The Blog publishes articles about Ecommerce, Email Marketing and How To Make Money Online...as well as any topic that pertains to the Internet or Online. If you need help developing a website, SEO or Social Media outsourcing, see NewYorkWebsiteDesignCenter.com, if you would like to advertise or have us publish an article on a certain subject, please email us at PushYourRank@Gmail.com