Monday, 25 April 2016

How to Access the HTML Code of A Blog Powered by Blogger

Leave a Comment

A vast majority of bloggers out there have little or no knowledge about markup languages like the Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). This is because they use Content Management Systems like Blogger, WordPress, Drupal, and the likes. The CMS makes it easy to set up websites without having to know what HTML codes look like. However there are web developers out there who have been familiar with tags before these systems became popular. These code geeks may need to access HTML in order to apply some tweaks to the backend of their site and give it the flexibility other ordinary CMS users cannot provide. One of such tweaks is the placement of Google AdSense codes wherever you desire.
In this post I’ll demonstrate how the HTML code of a blog powered by blogger can be accessed.

Blogger Dashboard
When you login to blogger, the first page you see is a page showing all your blogs as well some other features and Blogger updates. As you click on the blog you want to work on, a page showing summary information about the blog is revealed to you in terms of number of posts, page views, comments, followers and so on. Also on this page you’ll find news and adverts from Google. The links on the left side bar let you access more specific features. It is one of these links that serves as the gateway to accessing your blog’s HTML code.

Accessing the Code
To access the HTML controlling the look of your blog, follow the steps below:

  1. Login to the administration section of your blog by visiting Blogger and providing necessary credentials for authentication.
  2. Click the blog you want to access its HTML to reveal its dashboard.
  3. By default the overview section is shown but there are links to access other section on the side bar.
  4. The Template and Layout are responsible for the look and arrangement of the blog. The template determines the look and feel while layout allows you to specify how various components of a template are arranged. Click the template link on the side bar to reveal the template section.
  5. In the template section, there are 2 major preview components, the first one gives you a picture of what your site look like on a PC while the second one show how your site is viewed on internet enable mobile devices like smart phones. This can be disabled so that only the desktop template is shown on all devices. Click the “Edit HTML” button of the first component to access the HTML code behind your site.
  6. The HTML code is revealed. It is advisable to study the code and understand how it affects various sections of the site before editing it to suit one’s need.

That was another useful tip for HTML coders using Blogger. Newbies can also benefit from accessing the code by using it as a case study to understand how a site is laid out using HTML. I hope this post has been helpful and I’ll like to thank you for reading.
If You Enjoyed This, Take 5 Seconds To Share It


Post a Comment

Add a comment here