skip navigation

Skip Nav

Mobile Resources & Tools

Mobile Resources & Tools

Options

AIDSinfo Widgets

AIDSinfo widgets are small applications that allow you to access AIDSinfo content directly from your own website.

AIDSinfo and infoSIDA HIV/AIDS Awareness Day Pages

Add the AIDSinfo HIV/AIDS Awareness Day widget to your website or blog to display logos for the national HIV/AIDS awareness days. The logo images link to the AIDSinfo HIV/AIDS awareness day pages. To access the awareness day pages in Spanish on infoSIDA, click on the En Español link at the bottom of each logo. Once added to your website or blog, the widget requires no maintenance. AIDSinfo will automatically update the content of the widget.

  • Copy the following code to add the AIDSinfo HIV/AIDS Awareness Day widget to your website
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="http://aidsinfo.nih.gov/Content/themes/assets/js/jquerycycleall"></script> <div id="newcode1"></div> <script src="http://aidsinfo.nih.gov/widgets/hiv-aids-awareness-days/" type="text/javascript"></script>

AIDSinfo News

Add the news widget to your home page or blog to display the latest HIV/AIDS treatment, prevention, and research news. Once you've added the widget, there's no technical maintenance. AIDSinfo will update the content automatically.

For convenient layout, the AIDSinfo news widget is available in two versions:

  • a vertical widget designed to fit locations approximately 180 pixels wide by 420 pixels high
  • a horizontal widget designed to fit locations approximately 388 pixels wide by 154 pixels high
  • Copy the AIDSinfo News Widget code below to add the vertical widget:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <script type="text/javascript" src="http://aidsinfo.nih.gov/Content/themes/assets/js/slimScroll.min.js"></script> <div id="newswidgetv"></div> <script src="http://aidsinfo.nih.gov/widgets/news/feed/v" type="text/javascript"></script>
  • Copy the AIDSinfo News Widget code below to add the horizontal widget:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> <script type="text/javascript" src="http://aidsinfo.nih.gov/Content/themes/assets/js/slimScroll.min.js"></script> <div id="newswidgeth"></div> <script src="http://aidsinfo.nih.gov/widgets/news/feed/h" type="text/javascript"></script>

Adding the AIDSinfo Logo

The following example HTML code and graphics are available at your disposal. You may paste any of the HTML below into your page.

  • To link directly to AIDSinfo, use the following HTML:
<a href="http://aidsinfo.nih.gov">AIDSinfo</a>
  • To open a link to AIDSinfo in a new window, use the following HTML:
<a href="http://aidsinfo.nih.gov" target="newwindow">AIDSinfo</a>
  • AIDSinfo has made several images available to be used to link to AIDSinfo. Choose the desired image and paste the HTML beneath it into your page:
    AIDSinfo Logo
    <a href="http://aidsinfo.nih.gov"><img alt="AIDSinfo Logo" src="http://aidsinfo.nih.gov/images/aids_info_big.jpg"></a>
    AIDSinfo Logo
    <a href="http://aidsinfo.nih.gov"><img alt="AIDSinfo Logo" src="http://aidsinfo.nih.gov/images/aids_info_medium.jpg"></a>
    AIDSinfo Logo
    <a href="http://aidsinfo.nih.gov"><img alt="AIDSinfo Logo" src="http://aidsinfo.nih.gov/images/aids_info_small.jpg"></a>

    Terms of use: When you link to AIDSinfo, present AIDSinfo in a separate browser window that partially overlays your page.

Back to Top