How to Resize Facebook NetworkedBlogs widget

Have you just embedded your Facebook Networked Blogs widget on your site? If you’re just starting out with this widget, unless you’re Internet famous, you may only have a handful of followers showing up so far.  You're probably looking for a way to change or resize your facebook networked blogs widget so that you don't have so much empty space in it. 

resize_facebook_networked_widget


Does it look a bit sparse? Do you feel stressed to fill up all the space they’ve given you with random faces of followers? Well, there is an easy solution! You can make the widget smaller so it looks full even with just 4 followers. I made some screenshots of the 'before and after' NetworkedBlogs widget on one of my other blogs.

Resize your widget


BEFORE
The panel in which I've done the yellow squigglies is the empty white space I want to get rid of. The black arrow points towards the 'quick editing' tool mentioned below.

1. Go to your ‘Layout’ page on your blog. If you have a quick editing tool on your blog just use that instead, as it's more straightforward.




2. Identify where (on your layout page) your NetworkedBlogs widget is and click ‘edit.’ You should see something like this.



3. Look towards the top of the widget. In the second line, just about where I've  circled, you will see, ‘style="height:360pxpadding.'


4. Change the 360 to any number you wish.


5. Important: Click ‘save’ when you’re done.


6. Voila! Your NetworkedBlogs widget fits nicely on your page without a large white space at the bottom.


AFTER - NO UNSIGHTLY SPACE.


Please share 'How To Resize Facebook NetworkedBlogs Widget' on your favourite social networking sites if you liked it. And don't forget to check out our How Do I Blog page for many more helpful blogging tutorials like this one. 

22 comments:

Ryhen | Mind Power January 18, 2010 at 10:16 AM  

Hi Anne! Yeah, this is a very useful tip. Most people really don't have time to understand basic formatting so they end up stuffing their blogs with widgets that don't even fit or don't give a good impression. =)

Thanks for sharing.

Peace and respect,
Ryhen

Anonymous January 18, 2010 at 10:17 AM  

Great tutorial, Anne. It looks much better after the edit.

Ching Ya January 18, 2010 at 11:51 AM  

Anne,
Very handy tips for Blogger users. :-) You're certainly getting comfortable with the widget customizations. Good job as always. I'm joining for sure.

Loving all the interactions on FB/Twitter. May the new year grants you with success!

@wchingya
Social/Blogging Tracker

Anonymous January 18, 2010 at 2:27 PM  

That was great Anne! I had trouble in basic formatting too. Now that was a great way of reducing the height of the widget. The images made it easier to understand. I have seen so many bloggers who have widgets that have greater width. So this makes the blog really ugly as you need to scroll each time...
Anyways, thank you so much for this post and a big smile...:)
Have a great day!

Anne Lyken-Garner January 18, 2010 at 6:21 PM  

I'm glad it proves helpful. Ryhen and Mr. S, welcome to my blog.

DoanLegacy January 19, 2010 at 1:37 AM  

Great tutorial! I am glad that Icy takes care of this part for us!

Unknown January 25, 2010 at 12:39 AM  

Anne, I know that this is a slightly different issue but was wondering why all my followers simply show up on my widget as 'Facebook User' and without image. Wondered if you had any ideas.

Thanks a million, enjoy your blog.

Rohan

Anne Lyken-Garner January 25, 2010 at 8:18 AM  

Hi,Rohan. I'm sorry I couldn't access your blogger profile to have a look. The obvious question is, have your followers got facebook profiles and actual pictures there?
Secondly, sometimes it depends on your browser. Have you got Google Chrome? It can be fast, but sometimes it's problematic when it comes to displaying certain things properly. My guess is that the followers show up fine with other browsers but not with yours. Try accessing it with IE and see if there is a difference.

a whole lotta love November 19, 2010 at 1:18 AM  

thank you. so easy!

Self Sagacity December 5, 2010 at 2:36 AM  

Hi Anne, I searched and your article came up first on Google! Yay~~
Problem is...I am still looking for more configuration. I already did this, but still have a lot of space between the picture and the "follow this blog" button.

Jacqui Honeywood January 2, 2011 at 7:37 PM  

Hey Anne,

Just found your blog from doing a Google search on the Networked Blogs widget. Found this very helpful thank-you.
I'm your latest follower.
Regards, Jacqui

jdz February 5, 2011 at 3:00 PM  

Thank you for showing me how to do this.

Southhamsdarling March 18, 2011 at 6:28 PM  

Hi Anne. I'm your newest follower. That was a great tutorial. I wonder if you could possibly help me. I joined NetworkedBlogs a few days ago and, unfortunately, when I first set it up, I didn't put the NetworkedBlogs badge onto my Blog page. Now I don't know how to get the badge onto my Blog. Can you help at all please?? I've tried going through the set up procedure again, but it just keeps saying "this Blog is already registered". Thank you.

Anne Lyken-Garner March 19, 2011 at 7:36 AM  

Great knowing this is helpful to so many people.

Anne Lyken-Garner March 19, 2011 at 7:45 AM  

Thisisme, Facebook has recently changed their settings for Networked Blogs - though the above is still applicable because the installation remains the same.

You're obviously at the beginning of the process (just registering). Maybe delete your blog from Networked Blogs and start again. Make sure you're scrolling down to the bottom of the Facebook app page to find the code they're providing you with.

You need to copy this code they've given you, and place it on your blog. Go into Design, click add a gadget, choose html gadget, paste your Networked Blogs' code.

Natasha April 18, 2011 at 3:20 PM  

I'm having problems changing the width of the widget. Any ideas how I can do that?

Anne Lyken-Garner April 18, 2011 at 3:35 PM  

Natasha, the width depends on your blog template. I don't think you can change that. I'm sorry I can't help in any other way.

Dudut September 21, 2011 at 5:31 PM  

very helpful! thanks for sharing your knowledge and expertise :)

Karen Gordon October 29, 2011 at 11:18 PM  

Awesome!! Thanks Anne!
:)

Peta July 26, 2012 at 9:10 AM  

Thank you so much, that huge widget with all the empty space was driving me nuts. Now, thanks to your easy to follow tutorial, it looks streamlined and fabulous.

David August 4, 2013 at 8:48 AM  

Believe it or not, I never paid much attention to that huge space until you said something! I just assumed that's how it was supposed to look but after viewing your pics I will probably edit my free space as well.

Thanks for the great tip!

Kate :) January 6, 2014 at 6:47 AM  

So helpful! That huge white box with only 2 followers in it was driving me CRAZY!

Kate :)

Anne's a published author, freelance writer and experienced editor. She's just signed her second publishing contract this year with 2 separate publishing houses. You can hire her or see her available books in the side panel on the right.
Related Posts with Thumbnails
Google+ Profile http://www.activesearchresults.com Get Chitika Premium mumsnet Featured in Alltop

Please also like on our FB widget above

  © Free Blogger Templates 'Greenery' by Ourblogtemplates.com 2008

Back to TOP