What is a Widget?
A web widget is a small application that you can embed in a social network, blog, or website. You can develop your own widget or copy the code from an existing widget. Some widgets allow you to embed a photo or video viewer, conduct polls, and fundraise. Others allow you to incorporate news or headlines from other websites.
AIDS.gov Widgets
AIDS.gov Locator Widget
Horizontal Layout
This locator widget is designed to fit in wider locations, approximately 340 pixels wide by 140 pixels high.
Copy the AIDS.gov Locator Widget Code:
<noscript><div style="height:115px;position:relative;width:314px;background:url(http://locator.aids.gov/images/bg_widget-8bit.png) no-repeat;padding-left:19px;"><strong style="padding-top:6px;color:#fff;display:block;font-family:Trebuchet MS;font-size:14px;line-height:16px;">Find HIV/AIDS Prevention & Service Providers</strong><p style="font-size:9px;margin: 3px 0 4px;color:#fff;">Enter your address, city and state, or ZIP Code:</p><form action="http://locator.aids.gov/index.php" style="margin:0;"><label style="margin-left:22px;"><input type="text" name="location" style="border:0;font-size:11px;width:230px;"/></label><button type="submit" style="background:none;border:none;cursor:pointer;height:40px;margin-top:5px;padding:0;text-indent:-999em;overflow:hidden;vertical-align:middle;width:40px;">GO</button><input type="hidden" name="text_only" value="true" /></form><p style="font-size:9px;margin: 10px 0 0;color:#fff;">For more information on this widget, please visit <a href="http://aids.gov/locator" style="color:#fff;">AIDS.gov</a>.</p></div></noscript><script type="text/javascript" src="http://locator.aids.gov/widget.js"></script>
Click "Share" to place this widget on your site.
AIDS.gov Locator Widget
Vertical Layout
This locator widget is designed to fit in more narrow locations (navigation and sidebars, for example), approximately 130 pixels wide by 350 pixels high.
Copy the AIDS.gov Locator Widget Code:
<noscript><div style="height:350px;position:relative;width:132px;background:url(http://locator.aids.gov/images/bg_widget_narrow-8bit.png) no-repeat;padding-left:13px;"><strong style="padding-top:6px;color:#fff;display:block;font-family:Trebuchet MS;font-size:12px;line-height:1.18;margin-bottom:5px;">Find HIV/AIDS<br/>Prevention & Service<br/>Providers</strong><form action="http://locator.aids.gov/index.php" style="margin:0;"><label style="margin-left:18px;"><input type="text" name="location" style="border:0;font-size:11px;width:65px;"/></label><button type="submit" style="background:none;border:none;cursor:pointer;height:34px;margin:5px 0 0 5px;padding:0;text-indent:-999em;overflow:hidden;vertical-align:middle;width:34px;">GO</button><input type="hidden" name="text_only" value="true" /></form><div style="background:url(http://locator.aids.gov/images/bg_tab_narrow-8bit.png) no-repeat scroll 0 0;height:200px;left:4px;overflow:hidden;padding:10px 12px;position:absolute;top:100px;width:113px;z-index:1;font-family:arial,sans-serif;font-size:11px;line-height:15px;"><p>Enter your location, such as: "Washington, DC", or "20002".</p><p>For more information on this widget, please visit <a href="http://aids.gov/locator">AIDS.gov</a>.</p><p>Please contact <a href="mailto:contact@aids.gov">contact@aids.gov</a> with any comments or concerns.</p></div></div></noscript><script type="text/javascript" src="http://locator.aids.gov/narrowwidget.js"></script>
Click "Share" to place this widget on your site.
AIDS.gov Podcast Widget
AIDS.gov podcasts cover topics ranging from new media, federal programs and policies, to HIV/AIDS awareness days.
Copy the AIDS.gov Podcast Widget Code:
<object type="application/x-shockwave-flash" data="http://www.aids.gov/widgets-and-badges/swf/aidsgov-widget.swf?id=002&pid=4acebd4255570030" id="aidsgov-podcasts" width="180" height="300"><param name="movie" value="http://www.aids.gov/widgets-and-badges/swf/aidsgov-widget.swf?id=002&pid=4acebd4255570030" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /></object>
Click "Share" to place this widget on your site.
CDC HIV Testing Sites
Locator Widget
This locator widget searches HIV Testing locations by default, and allows for searching other types of service providers through the "More" tab. It is designed to fit in more narrow locations (navigation and sidebars, for example), approximately 130 pixels wide by 350 pixels high.
Copy the CDC HIV Testing Sites Locator Widget Code:
<noscript><div style="height:352px;position:relative;width:147px;background:url(http://locator.aids.gov/images/cdc/bg_widget_narrow-8bit.png) no-repeat;"><strong style="text-align:center;padding-top:8px;color:#fff;display:block;font-family:Trebuchet MS;font-size:12px;line-height:1.18;margin-bottom:5px;">Find HIV/AIDS<br/>Prevention & Service<br/>Providers</strong><form action="http://locator.aids.gov/index.php" style="margin:0;"><label style="margin-left:32px;"><input type="text" name="location" style="border:0 none;font-size:11px;width:65px;"/></label><button type="submit" style="background:none;border:none;cursor:pointer;height:34px;margin-top:5px;padding:0;text-indent:-999em;overflow:hidden;vertical-align:middle;width:34px;">GO</button><input type="hidden" name="text_only" value="true" /></form><div style="background:url(http://locator.aids.gov/images/cdc/bg_tab_narrow-8bit.png) no-repeat scroll 0 0;height:200px;left:5px;overflow:hidden;padding:10px 12px;position:absolute;top:100px;width:113px;z-index:1;font-family:arial,sans-serif;font-size:11px;line-height:15px;"><p>Enter your location, such as: "Washington, DC", or "20002".</p><p>For more information on this widget, please visit <a href="http://aids.gov/locator" style="color:#1111CC;">AIDS.gov</a>.</p><p>Please contact <a href="mailto:contact@aids.gov" style="color:#1111CC;">contact@aids.gov</a> with any comments or concerns.</p></div></div></noscript><script type="text/javascript" src="http://locator.aids.gov/cdcwidget.js"></script>
Click "Share" to place this widget on your site.
Badges
HIVtest.org Text Messaging Badge
Promote HIV testing by adding a KNOWIT web badge to your website—just copy the html code te the right and paste it into your site.
Copy the HIVtest.org badge code:
<a href="http://www.hivtest.org"><img src="http://www.aids.gov/images/knowit_textmessage_180x150.gif" width="180" height="150" alt="Want 2 know ur HIV status? Yes...what's the # 2 find an HIV Ctr near me? Txt ur zip code 2 Knowit or 566948. Thx! www.hivtest.org" /></a>
HIVtest.org Small Badge
Promote HIV testing by adding a KNOWIT web badge to your website—just copy the html code te the right and paste it into your site.
Copy the HIVtest.org badge code:
<a href="http://www.hivtest.org/?s_cid=hivtesting_partners3" title="Know your HIV status? Text: Your Zip Code to KnowIT or 566948 to find HIV test centers near you www.hivtest.org"> <img src="http://www.cdc.gov/images/campaigns/hivtesting/knowit_100x115.jpg" width="100" height="115" border="0" alt="Know your HIV status? Text: Your Zip Code to KnowIT or 566948 to find HIV test centers near you www.hivtest.org">
HIVtest.org Medium Badge
Promote HIV testing by adding a KNOWIT web badge to your website—just copy the html code te the right and paste it into your site.
Copy the HIVtest.org badge code:
<a href="http://www.hivtest.org/?s_cid=hivtesting_partners6" title="Know your HIV status? Text: Your Zip Code to KnowIT or 566948 to find HIV test centers near you www.hivtest.org"> <img src="http://www.cdc.gov/images/campaigns/hivtesting/knowit_180x150.jpg" width="180" height="150" border="0" alt="Know your HIV status? Text: Your Zip Code to KnowIT or 566948 to find HIV test centers near you www.hivtest.org">
HIVtest.org Large Badge
Promote HIV testing by adding a KNOWIT web badge to your website—just copy the html code te the right and paste it into your site.
Copy the HIVtest.org badge code:
<a href="http://www.hivtest.org/?s_cid=hivtesting_partners10" title="Know your HIV status? Text: Your Zip Code to KnowIT or 566948 to find HIV test centers near you www.hivtest.org"> <img src="http://www.cdc.gov/images/campaigns/hivtesting/knowit_300x250.jpg" width="300" height="250" border="0" alt="Know your HIV status? Text: Your Zip Code to KnowIT or 566948 to find HIV test centers near you www.hivtest.org">
HIVtest.org Badge
Promote HIV testing by adding a KNOWIT web badge to your website—just copy the html code te the right and paste it into your site.
Copy the HIVtest.org badge code:
<a href="http://www.hivtest.org/?s_cid=hivtesting_partners2" title="To find HIV Test Centers near you Text: Your Zip Code To: KnowIt (566948) www.hivtest.org"><img src="http://www.cdc.gov/images/campaigns/hivtesting/knowit_ribbon2_150x166.jpg" width="150" height="166" border="0" alt="To find HIV Test Centers near you Text: Your Zip Code To: KnowIt (566948) www.hivtest.org">
Nine And a Half Minutes Badge
Promote HIV awareness by adding Nine And a Half Minutes Web buttons, badges, and banners to your Website—just copy the html code to the right and paste it into your site.
Copy the badge code:
<a href="http://www.actagainstaids.org?s_cid=actagainstaids_046" title="Every 9½ minutes someone in the US is infected with HIV. Act Against AIDS. Be the Solution: NineAndaHalfMinutes.org"><img src="http://www.cdc.gov/images/campaigns/actagainstaids/silhouette2_300x250.jpg" width="300" height="250" border="0" alt="Every 9½ minutes someone in the US is infected with HIV. Act Against AIDS. Be the Solution: NineAndaHalfMinutes.org" /></a>
Flu.gov English Badge
This widget provides a graphic with links to Flu.gov
Copy the Flu.gov badge code:
<script type="text/javascript" src="http://transparency.cit.nih.gov/widgets/flugovlinks.cfm?javascript"></script> <noscript> <iframe src="http://transparency.cit.nih.gov/widgets/flugovlinks.cfm" name="flugovframe" frameborder=0 id="flugovframe" scrolling="no" height="173" width="145" marginheight="0" title="Flu.gov widget" marginwidth="0" >Flu.gov</iframe> </noscript>
Flu.gov Español Badge
This widget provides a graphic with links to Flu.gov
Copy the Flu.gov badge code:
<script type="text/javascript" src="http://transparency.cit.nih.gov/widgets/flugovlinks.cfm?javascript"></script> <noscript> <iframe src="http://transparency.cit.nih.gov/widgets/flugovlinks_sp.cfm" name="FluGov" frameborder=0 id="FluGov" scrolling="no" height="173" width="145" marginheight="0" title="Flu.gov widget" marginwidth="0" >FluGov</iframe> </noscript>
Blog.aids.gov Badge
This widget provides a graphic with links to blog.aids.gov
Copy the blog.aids.gov badge code:
<a href="http://blog.aids.gov/" title="blog.aids.gov"><img src="http://blog.aids.gov/images/blog-badge.png" width="200" height="75" alt="blog.aids.gov" /></a>