We are working on our blog, thats why we stopped Posting further. Sorry for Inconvenience. Like Us on Facebook!

Ad 468 X 60

9/10/2013

Widgets

How to Align the Position of Widgets/Gadgets in Blogger

In general for all types of Bloggers it is usually those simple tips that help to modify the blogs and keep them in a neat and clean format. Therefore we are always on the look for such tips and information. This is one of those simple codes which can align your widgets to left, right or centre.Pages gadget is left aligned by default. To align it in the center or on the right (of your horizontal bar or sidebar), you just need to add a small CSS code snippet. So, check this out.

How to Align the Position of Widgets in Blogger

  • First you need to locate the widgetID#.
  • Go To Your Blogger Dashboard.
  • Open Your Desire Blog.
  • Now Go To "Template"
  • Click "Edit HTML" Button To Edit It.
  • Now Press "CTRL+F" And Find ]]></b:skin>
  • Copy The Below Code And Paste It Just After It.


a) This code is for basic text alignment. Replace the Pink with center, left, or right:

#WidgetID# {
text-align: center;
}


b) This code is for a more precise alignment.You can use padding & margin:

#WidgetID# {
padding: 0px 0px 0px 0px
}


c) You can also use a code like this to fit the specific needs of your blog:

#WidgetID# {
position:absolute;
left:100px;
top:150px;
}

The above code would display your gadget 100px off the left side of your browser screen. You can adjust this to your liking.
For more on the use of this kind of code you may refer to the following link: Custom styles
for gadgets
Good luck....

SHARE THIS POST   

  • Facebook
  • Email
  • Twitter
  • Google Buzz
  • Reddit
  • Delicious
  • Digg
Author: Muhammad Usman Ghani
Hello, My Name Is Muhammad Usman Ghani And I Am The CEO, Founder Of SahiTech. I Blogs At SahiTech And Also Love Coding And Designing. Don't Forget To Subscribe our Free Updates. Follow Me on (Facebook) (Twitter)

0 comments: