Nov 14, 2015

How To Shift Blogger Sidebar Column to Left or Right?

data:blog.title
Today we are sharing another simple CSS trick which can change the whole layout of your blog. This is just a short but extremely useful trick for all those who wish to change the position of their Post body and Sidebar wrapper. To apply this trick you just have to find and edit some words in your template. But don't forgot to backup your full template before editing your template.

Our Recommended Blogger Widgets

  1. WordPress Like Floating Social Sharing Widget for Blogger with Counter.
  2. AllInOne Admin Box Widget with Social buttons and Subscription Box.
  3. Add Sticky Notification Bar To Blogger with Show/Hide Button.
  4. Stylish Contact Form For Blogger! Add to Static Page, Responsive & Pro Version.
  5. Cute & Stylish Email Popup Subscription Widget.


Normally most professional layouts have sidebar arranged to the left but E-commerce blogs or other business blogs look good with left sidebar column. In order to keep your blog layout according to standard rules then you may like changing the position of vertical dv segments in your template. If you want to shift your sidebar to left or right or swap sidebar and post body position then you can easily do this using the simple setup guide below.

How To Shift Sidebar Column to Left or Right in Blogger

How To Shift Sidebar Position in Blogger?

  • Go to your Blogger Dashboard > Design > Edit HTML.
  • Download a copy of your template.
  • Now search for below code or similar code in your template.

#main-wrapper {
float: left;
width: 600px;
margin: 0;
padding: 0;
}
  • Now change float: left to float: right.
  • You have now successfully shifted your post body to right now you need to shift your sidebar column. Search for this,

#sidebar-wrapper {
float: right;
width: 320px;
margin: 0;
padding: 0 20px 10px;
display: inline;
}

  • Now change float: right to float: left.
  • That's it. You have successfully shifted your sidebar wrapper. View your blogs to see a magic change.

Conclusion:

So above guide is about How To Shift Blogger Sidebar Column to Left or Right? I hope by this tutorial you can easily customize blogger template and change the position of main wrapper and sidebar wrapper. If anyhow problem persist then ask us by dropping a comment below. We will help you out of sure. Don't forget to subscribe us.

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.