How to Adjust Height, Width, Or Length of Widgets

Tuesday, October 18, 2011

As bloggers, we are constantly installing or removing widgets on our blog, depending on the usefulness and what we need at the moment. Many widgets come in one set of height, width, and length, and they often do not work out for our blog.

The most popular widgets that I saw on blogs are: NetWorked Blog, Facebook Like Box, Linkwithin, and Live Feedjit. Do you know that you don't need to understand everything about the HTML codes from these widgets, but only need to know a few key words to customize these widgets to fit your liking? 

How to Work With Height and Width

Let's say you want to change the size of your Facebook Like Box, and the code I use for this example is from Wandering Thought Facebook Like Box below.

Since this box came much bigger than I wanted, I had to go in and adjusted the width and the height. So looks at the photo below with the purple arrows underneath.

I have replaced the numbers for the width and height to suit my blog. You must know the width of your sidebar in order to change it, and if you don't, just leave it alone. The height is easy to work with. Just keep changing the number until you are happy.

How to Work With the Length on Live Feedjit

If you want to shorten the length of Live Feedjit, it is very easy to do. The code looks like this:
You can do a whole lot in here such as changing the background color, link color or text color. However, we are not here for that. We are here to adjust the length to your liking. All right then, looks at the photo below with the purple arrow.
All you have to do is change that number 10 to whatever number you want! On Beyond Wandering, I set it at number 2 so it won't leave such a long white page on my blog..

Have fun with HTML codes! Registered & Protected



  1. Good info for those who are not comfortable with HTML. There are so many things one can do with HTML, I love playing around with it!

  2. I know NOTHING about html and am in awe of anyone who does!

  3. HI Icy, My Feedjit code is different from yours (on my RB) site. I've still to check my diy site. Thanks for this, as it's pretty helpful.

    I have an article here about customising the feedjit widget - colours etc.

  4. I find any tips on html to be so helpful!! Thanks for sharing this at Show & Share!

  5. how to adjust the height of a widget where height is not there in html code of that widget

  6. Nice post! It is very helpful for adjustments of widgets in general. :-)


Will visit you as soon as I can..

Beyond Zephyr
Pragmatic Soul
Reach Beyond Limits

Related Posts Plugin for WordPress, Blogger...

Total Pageviews 2008

Back to TOP  

Pin It button on image hover