skip to content

AIDSinfo Widgets

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

AIDSinfo HIV/AIDS Awareness Day Page Widget

Add the AIDSinfo HIV/AIDS Awareness Day Page 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 Page widget to your website.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script type="text/javascript" src="https://aidsinfo.nih.gov/content/js/jquerycycleall.js"></script> <div id="newcode1"></div> <script src="https://aidsinfo.nih.gov/widgets/hiv-aids-awareness-days/" type="text/javascript"></script>

AIDSinfo News Widget

Add the AIDSinfo News widget to your website or blog to display the latest HIV/AIDS treatment, prevention, and research news. Once added to your website or blog, the widget requires no maintenance. AIDSinfo will automatically update the content of the widget.

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 following code to add the AIDSinfo News vertical widget to your website.

<script type="text/javascript" src="https://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="https://aidsinfo.nih.gov/content/js/slimScroll.min.js"></script> <div id="newswidgetv"></div> <script src="https://aidsinfo.nih.gov/widgets/news/feed/v" type="text/javascript"></script>

  • Copy the following code to add the AIDSinfo News horizontal widget to your website.

<script type="text/javascript" src="https://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="https://aidsinfo.nih.gov/content/js/slimScroll.min.js"></script> <div id="newswidgeth"></div> <script src="https://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="https://aidsinfo.nih.gov">AIDSinfo</a>

  • To open a link to AIDSinfo in a new window, use the following HTML:

<a href="https://aidsinfo.nih.gov" target="_blank">AIDSinfo</a>

  • AIDSinfo has made several logo 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="https://aidsinfo.nih.gov"><img alt="AIDSinfo Logo" src="https://aidsinfo.nih.gov/images/aids_info_big.jpg"></a>

AIDSinfo Logo

<a href="https://aidsinfo.nih.gov"><img alt="AIDSinfo Logo" src="https://aidsinfo.nih.gov/images/aids_info_medium.jpg"></a>

AIDSinfo Logo

<a href="https://aidsinfo.nih.gov"><img alt="AIDSinfo Logo" src="https://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.

Email Updates