Friday, 26 December 2014

Learn How To Center any Blogger widget

In this helpful Blogger tutorial you'll find out how to center any widget in your Blogger template.

There can be a number of ways to center widgets, below are a selection of options to try with your template.
How to center any Blogger widget


Align singal gadget to the center


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 Customise > 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 Customise > Advanced > Add CSS and apply to blog.
#Your-widget-ID {text-align: center;}
Helpful Blogger tip on How to find widget ID?

Job Done...
Previous Post
Next Post

post written by: