You've decided to implement Dot's Story Factory module on your website. Alright, let's get started! Implementation and customization is a piece of cake.

  1. Copy the entire javascript code in Figure 1.
  2. Paste the code into your HTML template where you would like the module to appear on the page.
  3. Customize the font and background colors by using hex RGB values (ex: #66FF66) for “bgcolor” and “fontcolor” in the code where bgcolor: 'ff0000' and fontcolor: 'ff0000'. The default colors are red.
  4. Replace “WKRP” with your station call letters in ALL CAPS.

Need help choosing colors? Check out this color chart!

(warning)The JavaScript include (everything between the SCRIPT tags) must be on the same line. Any linebreaks in the code will prevent the module from functioning.

 

Figure 1

<script src="http://pbskids.org/modules/storyfactory/js/storyfactory_module.js"></script><script type="text/javascript">sfModule({bgcolor: 'ff0000', fontcolor: 'ff0000', station: 'WKRP'})</script>

 

Implementation for Bento

Implementing this module on Bento? Use the Station PBS Kids Dot's Story Factory Smart Snippet and add it to your page(s). For instructions on how to add Smart Snippets to a page click here.