Menu
Graphical icons
Translate
Text Size Print

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
Vertical Layout

The HIV/AIDS Prevention & Service Provider Locator is a first-of-its-kind, location-based search tool that allows you to search for testing services, housing providers, health centers and other service providers near your current location. This 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(https://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="https://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(https://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="https://locator.aids.gov/narrowwidget.js"></script>

 
Screenshot of the AIDS.gov Locator Widget Horizontal Layout

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(https://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><form action="https://locator.aids.gov/index.php" style="margin:0;"><label for="location" style="display: block;font-size:9px;margin: 3px 0 4px;color:#fff;">Enter your address, city and state, or ZIP Code:</label><input type="text" id="location" name="location" style="margin-left:22px;border:0;font-size:11px;width:230px;"/><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="https://locator.aids.gov/widget.js"></script>

 

AIDS.gov Locator Widget
Simple Layout

This locator widget is designed to fit in smaller locations, approximately 150 pixels wide by 30 pixels high.

Copy the AIDS.gov Locator Widget Code:

<noscript><form action="https://locator.aids.gov/index.php" style="margin:0;"><label style="margin-left:22px;"><input type="text" name="location" style="border:1;font-size:11px;width:230px;"/></label><button type="submit" style="background:none;cursor:pointer;height:20px;padding:0;text-indent:-999em;overflow:hidden;vertical-align:middle;width:40px;">GO</button><input type="hidden" name="text_only" value="true" /></form></noscript><script type="text/javascript" src="https://locator.aids.gov/widget-clean.js"></script>

 

Federal Inter-Agencies Feed Widget

This feed consolidates HIV/AIDS news shared by many Federal agencies. Follow this feed to learn about program or policy updates, new resources, funding opportunities, upcoming events, and the latest research developments from AIDS.gov, HHS, NIH, AIDSInfo, SAMHSA, and CDC. It is designed to fit areas approximately 180 pixels wide by 420 pixels high.

Get the embed code to Federal Inter-Agencies Feed Widget:

<script type="text/javascript" src="http://aids.gov/scripts/fed-widget.js"></script><noscript>The HIV/AIDS Federal News Feed consolidates news shared by many Federal agencies. Follow the following feeds to learn about program or policy updates, new resources, funding opportunities , upcoming events, and the latest research developments from <a href="http://feeds.feedburner.com/aids/gov">AIDS.gov</a>, <a href="http://www.hhs.gov/rss/">HHS</a>, <a href="http://www.niaid.nih.gov/links_policies/help/pages/rsshelp.aspx">NIH</a>, <a href="http://www.aidsinfo.nih.gov/rss">AIDSInfo</a>, <a href="http://www.samhsa.gov/rss/">SAMHSA</a>, and <a href="http://www2c.cdc.gov/podcasts/">CDC</a>.</noscript>

 

National HIV/AIDS Blog Widget

Keep up to date on news about the National HIV/AIDS Strategy as all parts of society, including Federal, State, tribal and local governments, businesses, faith communities, philanthropy, the scientific and medical communities, educational institutions, people living with HIV, and others join in efforts to achieve the national goals.

Copy the NHAS Blog Widget Code:

<script type="text/javascript" src="http://www.aids.gov/scripts/nhaswidget.js">{"width":"215"}</script><noscript><a href="http://www.aids.gov/federal-resources/policies/national-hiv-aids-strategy/" title="National HIV/AIDS Strategy"><img src="http://www.aids.gov/images/thumb-nhtd-widget.jpg" width="215" height="180" alt="National HIV/AIDS Strategy" /></a></noscript>

 

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(https://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 &amp; Service<br/>Providers</strong><form action="https://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(https://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="https://locator.aids.gov/cdcwidget.js"></script>

 

Badges

blog.aids.gov

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/wp-content/uploads/blog-badge.png" width="200" height="75" alt="blog.aids.gov" /></a>

 
National HIV/AIDS Strategy

National HIV/AIDS Strategy (NHAS) Badge

Help spread the word. Embed the NHAS badge on your website—just copy the html code to the right and paste it into your website.

Copy the NHAS badge code:

<a href="http://www.aids.gov/federal-resources/policies/national-hiv-aids-strategy/" title="National HIV/AIDS Strategy"><img src="http://www.aids.gov/images/thumb-nhtd-widget.jpg" width="215" height="180" alt="National HIV/AIDS Strategy" /></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://wcdapps.hhs.gov/Badges/Handlers/Badge.ashx?js=1&widgetname=flugovlinks"></script> <noscript> <iframe src="http://wcdapps.hhs.gov/Badges/Handlers/Badge.ashx?js=0&widgetname=flugovlinks" 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://wcdapps.hhs.gov/Badges/Handlers/Badge.ashx?js=1&widgetname=flugovlinks_sp"></script> <noscript> <iframe title="FluGov" src = "http://wcdapps.hhs.gov/Badges/Handlers/Badge.ashx?js=0&widgetname=flugovlinks_sp" name="FluGov" frameborder=0 id="FluGov" scrolling="no" height="173" width="145" marginheight="0" marginwidth="0">FluGov</iframe> </noscript>