add2Calender

This is an add to calculator widget:

  1. Add the following on the top line of the post/page:
    <link rel="stylesheet" href="https://tofosterchange.org/wp-includes/css/add2calendar.css" type="text/css">
  2. Add the following to the end of your post/page
    <script type="text/javascript" src="https://tofosterchange.org/wp-includes/js/add2calendar.js"></script>
  3. This code should be placed where you want the button to appear. The event title, start, end, location, description and color is contained in the “data” tags. Simply change those to set the properties.
    <div data-title="Example-1" data-start="May 11, 2018 10:30" data-end="May 12, 2018 19:20" data-location="Bangkok, Thailand" data-description="Description of event" data-color="#7A6FB9" class="add2calendar"></div>

Reader Interactions