What is Sidebar Widgets and Where is Sidebar in CSS and Blogger Layout?

Hi bloggy readers,
After i made descriptions of header and footer in my previous posts, it's time for me to proceed to the next element, and that would be the sidebar widgets. Sidebar widgets is the best place where we can put our sidebar widgets because of its nearest position with other element, so it gives us an advantage to let visitors explore our blog easier and faster. But, do you know where is the position of the sidebar element in our blog layout?

It it refers to the standard templates from Blogger, the position of sidebar widgets can be divided in 2 position, on the left and right side, depends on the author or blogger decision in placing that sidebar. But in the default templates provided by Blogger, the position of sidebar widgets is usually on the right side. See the picture below!

Sidebar position in the HTML template code

And next we want to know about where is sidebar position in HTML code on blogger template.

1. Log in to Blogger
To begin this tutorial, now sign in to your Blogger account.

2. Go to Edit HTML
In the Dashboard page, go to Layout/Design > Page Element > Edit HTML..

3. Find the code
Now by pressing Ctrl + F at the same time, find the code below:

Actually, the CSS position of the sidebar is mostly, after the post element or main wrapper in the blog template. Now take a look at the CSS below and pay attention to the red code!
As you can see above, if it refers to the Minima template, the sidebar widgets element will be defined with the CSS ID #sidebar-wrapper. Actually, on some other 3rd party template, the CSS ID of sidebar column can be varied depends on the template designers themselves. But, mostly, they usually use the CSS ID #sidebar as a standard ID for the sidebar element.

And the HTML code to display the sidebar widgets column in your blog can be found at bottom of the HTML code:

Ok, that's it guys. Hope this tutorial can help you understand about the concept of sidebar widgets element in your blog.