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
- Upload the MP3 file to your page or to a separate file cabinet page.
- Right-click on the download link and copy the link.
- Edit your page
- Click Insert
- Select More Gadgets
- Click Add gadget by URL
- Insert the URL: https://sites.google.com/site/bobwgadgets/gadgets/html5-audio-player.xml
- Click the Add button
- Configure it with the URL of the music file you have uploaded to your site
- If you want the music to start automatically select "Yes" in Auto Start
- If you want the music to play continuously select:"Yes": in Loop audio
- If you want to let people download your audio file select "Yes" in Show download link
- Remove the check from "Display title on gadget"
- 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
<?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®ion=Michigan&city=Owosso' width='310' height='450' frameborder='0' ></iframe></div>
]]>
</Content>
</Module>
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
Google Plus Badge
http://gadgets.k8oms.net/gadgets/googleplusbadge.xml
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.
Calculator
http://gadgets.k8oms.net/gadgets/calculator.xml
YouTube Subscribe Button
youtube owossobob subscribe button
- Edit your page
- Insert>>More gadgets
- Add gadget by URL
- insert http://gadgets.k8oms.net/gadgets/youtube-zombiewizard45-subscribe.xml?attredirects=0&d=1
- 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
http://gadgets.k8oms.net/gadgets/expand-text.xml
Image Expand
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>
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
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>
|