How To Changing The Sidebar Position And Main Post In Blogger Template

I would like to share the following easy and simple tricks, which I find the results of brain-tweaking CSS while trying to design a new template. Namely How To Changing the Sidebar Position & Main Post In Blogger Template, for example display page elements such minima default template image below:

From the picture above we can see the position of the sidebar is on the right, while the main column on the left. To change the position of the sidebar and main to be the opposite as shown below, it's easy just follow the tutorial below:

1. Login to your blogger account on the dashboard click Template >> Edit HTML

2. Find the following code:

#main-wrapper {
  width: 410px; float: $startSide;
  word-wrap: break-word;
  overflow: hidden;    
  }

#sidebar-wrapper {
  width: 220px; float: $endSide;   word-wrap: break-word;
  overflow: hidden;     
}

3. To consider only the red writing, please replace it with the following code:

#main-wrapper {
  width: 410px;  float: right;
  word-wrap: break-word;  
  overflow: hidden; 
}

#sidebar-wrapper {
  width: 220px; float: left;
  word-wrap: break-word; 
  overflow: hidden;     
}

4. Save the template. Please see the results on the page elements.

If You Use A Blogger Template from Blogger.com you can Start Changing the Sidebar Position & Main Post by logging in to blogger account, on the dashboard click Template >> Customise >> Layout, as shown below :

That's How To Changing the Sidebar Position & Main Post In Blogger Template, I hope that this article could be fruitful and help you in making changes to your blogger sidebar

Posted in: Blogger Design,Blogger Layouts,Blogger Templates,Blogger Tips,Blogger Tricks