Adding CNS College Alerts to a webpage

By John Purdy
Published on March 11, 2020 12:58 pm MT
Updated on March 11, 2020 12:58 pm MT
Posted in General CNSIT

The most direct way to add an alert to your webpage is to include the following snippet of HTML code directly into your webpage. This HTML code includes a reference back to a server that can distribute and update a consistent message from the College of Natural Sciences.

<!-- This code snippet is meant to be included within a larger WordPress or other webpage -->
<div id="cns-alert"></div>
<script async src="//cnsdrake.natsci.colostate.edu/assets/20200311.js"></script>

Directions for WordPress

  1. Add a new Row element to your page, post, or other content area.
  2. Add a new Raw HTML element to your row.
  3. Paste in the above HTML code, replacing the default content.
  4. Preview and Update your page.
Adding a new row in WordPress
Begin by adding a new row in WordPress
Adding a "Raw HTML" Element
Add a “Raw HTML” Element
Pasting in the HTML snippet
Paste in the HTML snippet
Preview and Update the Page
Preview and Update the Page

Back to top of page