Create a live topic widget for Metroblogging

1. Choose what the topics are aboutShow all topics, or show specific topics about a product or tag.

Company: Metroblogging
Show topics about:
Product:

Tag:
Include:

2. Choose how the topics are displayed Show new topics, or the most active. Choose how many to display, and how much of the topic to show.

Order by:
Display at most:
Summary length:

3. Get the codesOnce you're happy with your widget. Click the "Copy" button below then paste the code into your website. It's that easy!

Drop it on my blog: Copy to clipboard Copied! <div id="gsfn_list_widget"> <a href="http://getsatisfaction.com/metroblogging" class="widget_title">Active customer service discussions in Metroblogging</a> <div id="gsfn_content">Loading...</div> <div class="powered_by"><a href="http://getsatisfaction.com/"><img alt="Favicon" src="http://www.getsatisfaction.com/favicon.gif" style="vertical-align: middle;" /></a> <a href="http://getsatisfaction.com/">Get Satisfaction support network</a></div> </div> <script src="http://getsatisfaction.com/metroblogging/widgets/javascripts/61ca300/widgets.js" type="text/javascript"></script><script src="http://getsatisfaction.com/metroblogging/topics.widget?callback=gsfnTopicsCallback&limit=5&sort=last_active_at&style=topics" type="text/javascript"></script> Just the basics. This will pick up on the look and feel of your website.
I'm a CSS genius: Copy to clipboard Copied! <style type="text/css" media="all"> div#gsfn_list_widget img { border: none; } div#gsfn_list_widget { font-size: 12px; width: 250px; border: 6px solid #DDD; padding: 10px; } div#gsfn_list_widget a.widget_title { color: #000; display: block; margin-bottom: 10px; font-weight: bold; } div#gsfn_list_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD; } div#gsfn_list_widget .powered_by a { color: #333; font-size: 90%; } div#gsfn_list_widget div#gsfn_content { } div#gsfn_list_widget div#gsfn_content li { text-align:left; margin-bottom:6px; } div#gsfn_list_widget div#gsfn_content a.gsfn_link { line-height: 1; } div#gsfn_list_widget div#gsfn_content span.time { font-size: 90%; padding-left: 3px; } div#gsfn_list_widget div#gsfn_content p.gsfn_summary { margin-top: 2px } </style> <div id="gsfn_list_widget"> <a href="http://getsatisfaction.com/metroblogging" class="widget_title">Active customer service discussions in Metroblogging</a> <div id="gsfn_content">Loading...</div> <div class="powered_by"><a href="http://getsatisfaction.com/"><img alt="Favicon" src="http://www.getsatisfaction.com/favicon.gif" style="vertical-align: middle;" /></a> <a href="http://getsatisfaction.com/">Get Satisfaction support network</a></div> </div> <script src="http://getsatisfaction.com/metroblogging/widgets/javascripts/61ca300/widgets.js" type="text/javascript"></script><script src="http://getsatisfaction.com/metroblogging/topics.widget?callback=gsfnTopicsCallback&limit=5&sort=last_active_at&style=topics" type="text/javascript"></script> Not for the faint of heart. This gives you control over the look and feel.

Preview

Active customer service discussions in Metroblogging

Get Satisfaction support network

Create a live topic widget for Metroblogging

Preview

Site Links

About

Start a topic