Home‎ > ‎

Sample Diigo Embeds on Webpages

RSS This page is just to show various ways you can embed Diigo content onto a webpage.



Via an RSS Feed

Here is an embed for my diigo bookmarks tagged with "diigo." This uses the RSS Reader + Google Gadget (under Insert, more gadgets).



Diigo Group Tagroll

Here is an embed of the Educators Group tagroll.

The gadget spec URL could not be found


Diigo Group Linkroll

This is the linkroll for the Educators Group.

The gadget spec URL could not be found


Diigo Group Badge

This is a badge for the Educators Group.

The gadget spec URL could not be found


A Note About the Embeds on This Page

Google Sites does not allow you to embed javascript directly (many web pages, including AHS web pages do, so this is only a problem if you're using Google Sites). Instead, you need to use a Google Gadget. There are thousands of gadgets available so, for example, I used the RSS Reader + gadget to embed the RSS feed above. But the three Diigo Group embeds all use javascript and I was unsuccessful finding a Google Gadget that allowed me to put my own javascript code in (it probably exists, I just couldn't find it). It turns out that it's pretty easy to create your own gadget, as long as you have someplace on the web to host it and then point to it from your Google Site.

To create your own gadget, you need to create a text file. Within that text file, you need the following code:

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Custom Gadget" />
<Content type="html"><![CDATA[
      
Put your javascript code here

]]></Content>
</Module>

You simply copy the embed code from the Diigo group widget, paste it into the spot where it says "Put your javascript code here", then save the file as a text file with .xml on the end. Then you have to put that file somewhere on the web that you have access to (you can actually upload it as an attachment to your Google Site, then use the URL for that attachment). Once you've done that, add a gadget to your Google Site (Insert -->more gadgets), then choose Add Gadget by URL and type in the URL where your gadget resides.

So, as an example, my gadget for the tag roll above looks like:

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Custom Gadget" />
<Content type="html"><![CDATA[
      
<script type="text/javascript" src="http://groups.diigo.com/user_mana/group_tag_roll_data?group_name=educators&icon&count=150&size=11-23&color=87ceeb-0000ff&title=Group%20educators's%20Tags&name&showadd&token="></script>

]]></Content>
</Module>

I've also attached the file to the bottom of this page for you to look at/modify if you wish. (So, in this case, you could use the URL http://sites.google.com/site/ahsdiigo/home/sample-diigo-embeds-on-webpages/testgadget.xml as the Add Gadget by URL and it would work.)

ċ
testgadget.xml
(0k)
Karl Fisch,
Nov 3, 2009, 7:22 AM
Comments