How Align Your Blog Template Design To Center Or Left



How to Center Your Blog Template Design or start it from left,as you would have seen mostly all the blog designs are located at center,only few of the designs you will see starting from the left of your screen.That is the your blog design will either start from the left of the pc screen instead of showing at center or will show up in middle of screen expanding equally to left and right.This is now your choice on how to display your template,as below i am going to tell you about both methods.

As below i will be going to tell how to do it on basic default codes given by google in there template,as the code to your template may vary from user to user.But i will guide you for sure on how to find the codes if you want to change the alignment of your template.

Like just check the snapshots of design aligned to left and center.




The above blog design is aligned to left of the screen of your computer.Now lets just check the codes of it below.

Just find the below blogger codes in your blogger html.


#outer-wrapper {
margin:0;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}


Now in above code the property of margin is set 0.

If you will make it to set margin:0 auto;

Then the template design will align to center of your screen resolution,like below picture.




**Important Notes:- As the codes above i took was from google minima template.If you are using it you will do it easily.But if you are using templates by other designers you may not find codes with same name outer wrapper id.As they may have been defined differently,but the property you have to change is same as of margin in all designs.The skill you have to do is to find by which name the outer layout of your template has been defined.

In many designs you may find it with name #wrap or #wrapper or #outer-wrapper etc.
I hope you will be able to do it now,if you know little bit about template codes.

11 comments:

Anonymous said...

Is this method works for all web browsers?

Anshul said...

yes friend it works on all browsers..

ดูทีวีย้อนหลัง said...

what happen to your blog when I try to your blog with IE6 it shown error all the time but Firefox is work fine.

Anshul said...

Thanks for letting me know,i knew it had problem and i fixed it but think i solved problem only in IE7 Only i didn't cheked it in IE6 , actually the followers widget is creating all problem and not able to fix it properly in IE else have to remove followers widget to make it all fine. It works perfect in all rest browsers.

ddadmin said...

Templates are your biggest time saver and your easiest way to standardize. You already probably use templates and don't even realize it. When I started my blogs I did a lot of search and research on this and collected a big list of good sites (more than 250 sites) that have decent templates. If you are interested take a look at the below link.
http://markthispage.blogspot.com/2009/06/250-sites-to-know-about-blog-templates.html
Also, if you want to get more information about blogs (like submit URLs,,Website Widgets,Blog Widgets,Blog Copyright Laws,Blog Templates,Blogging, Blog Marketing,Blog Adwords,Blog Adsense,Blog Trends or Pulse,Blog Statistics,Blog Ranking,Top Blogs,Top Sites) go to my home page and check blogs section.

website design said...

i was mesmerzed by your sample image. great tips. nice blog.

Ent said...

how to make align right (not left)???
please i'm really frustated to find it how....

dig this chick said...

aaaaaaaah! THANK YOU. I have spent so much time trying to figure this out! yay!

masphe said...

mmhh...great..

Shinya Dalby said...
This comment has been removed by the author.

Post a Comment