--> How To Shift Sidebar Column To Left or right? | Experience Lab - Online business creation and development guide for bloggers and startups

How To Shift Sidebar Column To Left or right?

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. Norma...

SHIFT SIDEBARSThis is just a short but extremely useful trick for all those who wish to change the position of their Post body and Sidebar wrapper. 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.

 

Shift sidebar Position In Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Search for this code or a similar code like this,
#main-wrapper { float: left; width: 600px; margin: 0; padding: 0 0 20px; }

 

Replace float: left;  with 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 0 10px; display: inline; }

Replace float:right; with float: left;

You have successfully shifted your sidebar wrapper. View your blogs to see a magic change.  HAVE FUN! :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,9,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,7,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: How To Shift Sidebar Column To Left or right?
How To Shift Sidebar Column To Left or right?
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOWUIlrFMl59JvI7MN4jUGOQcUhyphenhyphenaOt_3oLytXiPJfhhPuuSnBZvTiKwjqZHSpyKTKVLDtKSlNRUqAs-DYzBvpOqinw_lLUV18S_cjPZKNd8PpxtHjzoIftwOlbxnADGAmH6lXSvvMws/?imgmax=800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmOWUIlrFMl59JvI7MN4jUGOQcUhyphenhyphenaOt_3oLytXiPJfhhPuuSnBZvTiKwjqZHSpyKTKVLDtKSlNRUqAs-DYzBvpOqinw_lLUV18S_cjPZKNd8PpxtHjzoIftwOlbxnADGAmH6lXSvvMws/s72-c/?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2011/09/how-to-shift-sidebar-column-to-left-or.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2011/09/how-to-shift-sidebar-column-to-left-or.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy