How to center any Blogger widget

The codes below can be used to align your custom or third party widgets to the center via Blogger Dashboard > Layout > Add Gadget > HTML/Java Scripts 

Option one

<div align="center">Your Widget Code</div>

Option two

<center>Your Widget Code</center>

Option three

<p align="center">Your Widget Code</p>

Simply replace the text in blue with your widget code.

Add the CSS rule to all widgets

The CSS rule below will center all widgets on your blog.  Go to your Blogger dashboard >Template Customize > Advanced > Add CSS and apply to blog.

.widget {text-align: center;}

The CSS rule below will center any one of your widgets.  Replace the text in blue with the widget ID.  Go to your Blogger dashboard > Template Customize > Advanced > Add CSS and apply to blog.

#Your-widget-ID {text-align: center;}

Helpful Blogger tip on How to find widget ID?

Job Done...


Source :http://thebestshwenagar.blogspot.com/2013/10/how-to-center-any-blogger-widget.html