Tuesday, 13 March 2012

Centring Widgets In Blogger

Recently I had a little bit of trouble centring the AdSense widget at the bottom of this blog. After a little digging I found this article which was most helpful.

Just to add to it, here are some screenshots to help guide you through the process of centring widgets!

Firstly, open up Blogger and open up the Template settings for your blog:
1. Template > Edit HTML
It may prompt you asking if you are sure you wish to proceed, simply click proceed if it does. At this point if you are worried about making any mistakes, you can save your template using the button provided.

Once you are ready to edit your HTML template, ensure you have checked the "Expand Widget Templates" box:
2. Expand Widget Templates
Now all that is left to do is to search for your widget and add the code to "center" it. In my case I had to search for "AdSense" and then I inserted align='centre' into the div tag:
3. Add align='center'
Knowing the rough name of the widget you are attempting to center helps alot. Otherwise it is a matter of having to search all your widgets (try searching b:widget) until you find the one which looks right...

Good luck and hope this helps someone else out there!

No comments:

Post a Comment