Search Archives
Follow Us Elsewhere
Recent Comments
« The Values of Widgetbox | Main | Spotlight: Lonely Planet Widget »
Monday
Sep102007

Side-By-Side Widgets

Question: 

I want to put two widgets on my blog, but have them side by side rather than stacked on top of each other.  How do I do that?



Answer: 

Widgetbox has a feature called panels that's built just for this sort of thing.  It manages a bunch of widgets on your blog at once.  Here's what you do:





Login to Widgetbox and go to the My Panels page:

Picture_6




Click "Make a New Panel" on right side of screen.  You'll see the Panel Editor:

Picture_2


Chose the horizontal panel orientation: Picture_7



Select some widget subscriptions from "Item Palette" and drag into the "Panel Layout".  In the screenshot above, I put two Baby widgets into the panel.



Click Preview if you want. 



Click Save. 



Click on 'Install panel now'.  On the resulting popup click 'Get Panel Code'.  Copy.



Picture_8_2




Finally, back in your blog remove the old code and paste in the new code for the panel.








This should be it.  From now on, you can modify the widgets and panel at Widgetbox and your blog is  instantly updated without re-installing. 



Tip:  you can also add a Text Block to add in any info you want.



Picture_9




 



Tip:  If you don't want the widgets to touch, add "padding-right: 5px;" under the "Style (CSS)" option.



Picture_10




A blog with the widgets side by side:



Picture_5



Hope this helps!


PrintView Printer Friendly Version

EmailEmail Article to Friend

Reader Comments (2)

Hello, moses. I see you took our forum post and created a blog entry to help out the masses. What a great idea. It's corny I know, but I feel part of something now...

stephaniedancer

September 14, 2007 | Unregistered CommenterStephanie

Thank YOU for taking the time to share your expertise on our platform with others! Gives us the warm fuzzies.

September 15, 2007 | Unregistered Commentermoses
Editor Permission Required
You must have editing permission for this entry in order to post comments.