test

Change Text on Refresh

Change text on refresh - Modified


I modified the code adding a style so you can adjust the text box height and font size.
 <form name="random"><input type="text" style="font-size:18pt;height:30px;" name="random" size=78 value="">


Play Music


  1. Upload the MP3 file to your page or to a separate file cabinet page.
  2.  Right-click on the download link and copy the link.
  3. Edit your page
  4. Click Insert
  5. Select More Gadgets
  6. Click Add gadget by URL
  7. Insert the URL: https://sites.google.com/site/bobwgadgets/gadgets/html5-audio-player.xml
  8. Click the Add button
  9. Configure it with the URL of the music file you have uploaded to your site
  10. If you want the music to start automatically select "Yes" in Auto Start 
  11. If you want the music to play continuously select:"Yes": in Loop audio
  12. If you want to let people download your audio file select "Yes" in Show download link
  13. Remove the check from "Display title on gadget"
  14. Click OK and save the page
Image Mouseover

Download it, edit it to change the image URLs. See the instructions page for information.
<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="mouseover example" />
<Content type="html">
<![CDATA[
<a href="#"onmouseover="image1.src='http://www.k8oms.net/mouseover/who2.gif';"
onmouseout="image1.src='http://www.k8oms.net/mouseover/bob1.gif?attredirects=0&d=1';">
<img name="image1" src="http://www.k8oms.net/mouseover/bob1.gif" width="132" height="141" border="0"></a>]]>
</Content>
</Module>

NASA Flyover

nasa widget owosso



<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="nasa widget owosso" />
<Content type="html">
<![CDATA[
<div style='display:inline-block; border: 1px solid #CCC; border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; position: relative; overflow: hidden; width: 310px; height: 450px;'> <iframe src='https://spotthestation.nasa.gov/widget/widget.cfm?country=United_States&region=Michigan&city=Owosso' width='310' height='450' frameborder='0' ></iframe></div>
]]>
</Content>
</Module>

Poll Example

Poll Example


Sign up at https://polldaddy.com/
Get the code
<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Poll Example" />
<Content type="html"><![CDATA[
<script type="text/javascript" charset="utf-8" src="https://static.polldaddy.com/p/6218775.js"></script>
<noscript><a href="http://polldaddy.com/poll/6218775/">What do you think?</a></noscript>
]]></Content>
</Module>
Make a gadget...see the instructions page. 

Read More



http://gadgets.k8oms.net/gadgets/gadgets/read_more.xml

Read More


Google Plus Badge


http://gadgets.k8oms.net/gadgets/googleplusbadge.xml

Step 1: Go to Developers.Google.Com

Step 2: Select the preferred options given to the page to create a badge for your profile, page or community. Depending on your requirement you set the width, layout, color theme, cover photo, tagline, etc. while you create the badge.

Step 3: Copy the code.

See the Instructions page on this site and create your gadget.

google plus badge


Calculator

http://gadgets.k8oms.net/gadgets/calculator.xml
 

calculator


YouTube Subscribe Button

youtube owossobob subscribe button


  1. Edit your page
  2. Insert>>More gadgets
  3. Add gadget by URL
  4. insert http://gadgets.k8oms.net/gadgets/youtube-zombiewizard45-subscribe.xml?attredirects=0&d=1
  5. Configure it width 100%, height 100 pixels, uncheck Display title on gadget

youtube zombiewizard45 subscribe button


Voki

http://gadgets.k8oms.net/gadgets/voki.xml?attredirects=0&d=1

voki example


Expand Text

http://gadgets.k8oms.net/gadgets/expand-text.xml

expand text


Image Expand

Image Expand2

IMGUR EMBED

http://gadgets.k8oms.net/gadgets/imgur1.xml

<?xml version="1.0" encoding="UTF-8" ?>  
<Module> 
  <ModulePrefs title="imgur embed example" />  
  <Content type="html"> 
     <![CDATA[  
<blockquote class="imgur-embed-pub" lang="en" data-id="ll7jtYW"><a href="//imgur.com/ll7jtYW">View post on imgur.com</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>
     ]]>
  </Content>  
</Module>

Imgur Album

http://gadgets.k8oms.net/gadgets/gadgets/imgur_album.xml
<?xml version="1.0" encoding="UTF-8" ?>  
<Module> 
  <ModulePrefs title="imgur embed example" />  
  <Content type="html"> 
     <![CDATA[  
<blockquote class="imgur-embed-pub" lang="en" data-id="a/sNRjM"><a href="//imgur.com/a/sNRjM">View post on imgur.com</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>
    ]]>
  </Content>  
</Module>

imgur embed example


Pinterest Follow Button

pinterest follow button


Copy the widget code and create a Google Gadget as in the Instructions page here.
Result:
<?xml version="1.0" encoding="UTF-8" ?>  
<Module> 
  <ModulePrefs title="pinterest follow button" />  
  <Content type="html"> 
     <![CDATA[  
       <script async defer src="//assets.pinterest.com/js/pinit.js"></script>

<a data-pin-do="buttonFollow" href="https://www.pinterest.com/owossobob/">Pinterest</a>

     ]]>
  </Content>  
</Module>

Pinterest Board

Pinterest-board


Note: Set the gadget height to 350 px
<?xml version="1.0" encoding="UTF-8" ?>  
<Module> 
  <ModulePrefs title="Pinterest-board" />  
  <Content type="html"> 
     <![CDATA[  
      <script async defer src="//assets.pinterest.com/js/pinit.js"></script>  
<a data-pin-do="embedBoard" data-pin-board-width="400" data-pin-scale-height="240" data-pin-scale-width="80" href="https://www.pinterest.com/owossobob/arts-center/"></a>

     ]]>
  </Content>  
</Module>
Subpages (3): purechat twitter Twitter Embed
Ć
Michigan__Hail_To_The_Victors.mp3
(261k)
Robert Wilcox,
Sep 19, 2016, 1:32 PM
v.1