Tuesday, July 28, 2009

Embed a Ning.com Video

If your Ning.com website allows members to upload videos, you can grab those videos and display them in your own webpage or blog by using the embed code. Here's how:

Video tab. Click on the Video tab to see what videos are available at the Ning. Here are the videos at the Aesopus Ning, for example.


Click on the video you want to use. Below the video, you will see a link that says Embed Code; click on that link.


Copy the HTML Embed Code, and insert it into your webpage or wiki or blog - wherever embedding is allowed... like here at Blogger.com! To make it fit, I changed the width to 400 and the height to 301.

Sharing what you read at Google Reader

Google Reader is an RSS reader that allows you to share what you are reading with others and/or to republish the contents of the feeds in your own webpage or blog.

Here's how it works: You can organize your subscriptions into folders, and then optionally make those folders public. When a folder is public, other people can access the contents of the folder either via a webpage (a bit clunky), or in a widget that shows a list of the feeds you are subscribed to, or the latest items in the folder. This is very cool! Using this option, you can instantly add a blogroll to your own blog, or a widget that displays the latest items in the blogs you are reading. See below for examples of what the blogroll and clippings widgets look like.

Feeds and Folders. First, you need to set up your GoogleReader service and organize your subscriptions in folders. To add a subscription to a folder, just click on a feed, then click on the Feed Settings button and select the folder(s) to add the feed to a folder. To remove a feed from a folder, just click on the folder and it will be deselected.


Share a Folder. To share a folder, click on Settings in the upper right-hand corner.

Then click on the Folders tab in order to access the folder the sharing options.


To adjust the privacy setting of a folder, select the folder, and then use the Change Sharing menu to choose public or private.


Ways to Share. After you make a folder public, you will see various options off to the right which are the links you need in order to share the contents of the folder as a webpage, as a clip of the latest items, or as a blogroll listing the subscriptions!


So here is the a blogroll of all the feeds in my Latin folder - are there other Latin- and Classics-related blogs I should be reading??? Let me know!



Plus, here is a clip of the latest items (I've chosen to list just 7 items, but you can configure the widget to list even more if you want) - cool!

Tuesday, July 21, 2009

Combination Scripts for Random Widgets

One of the fascinating things about the RotateContent.com tool for creating widgets with randomized content is that you can actually do a meta-widget, where what is being randomized is the widgets themselves!

It works like this: First you create the individual widgets, which are available separately. Then, create another widget, and in the individual cells, put the javascript call for the other widgets. This new "meta-widget" will then run in two stages: to begin, it will randomly choose from one of the widgets, and then it will run that other widget. How cool!

So, for example, here is a "Random Greco-Roman Image" widget which randomly selects from these individual widgets: Greek Gods and Goddesses, Greek Beasts, and Roman Emperors.



Embed a Google Slideshow

My favorite feature of Google Slideshows - a.k.a. Presentations, in the GoogleDocuments system - is that they can be emdedded in other webpages.

Grab code from embedded slideshow. If you are viewing an embedded slideshow, you can get the code directly from that show - just click on the Menu button, and you will see a slide pop up that gives you the embed code which you can cut and paste directly - it's so easy!


Here are the instructions to follow if you want to share and distribute your Google Presentations in this way - embedding them in your own webpages, and also allowing other people to take the shows and embed them in their webpages. It's easy!

1. Share. To get started click on the Share tab in the upper right-hand corner of the screen, and then choose Publish/Embed from the drop-down menu.



2. Publish. You will then need to click on the Publish button to publish your slideshow so that others can see it.


3. Get embed code. You can configure the size and features of your slideshow, and then get the embed code which is displayed.


4. Cut-and-paste embed code
. The specific instructions for how to add the HTML code will vary based on where you are publishing your content. For Blogger.com blogs, you can switch to the "Edit HTML" tab and insert the code.


4. Sizing for Blogger.com. I like to make the player even a little bit smaller than 410 pixels in width so that it will fit nicely in a blog post. To do this, I manually change the embed code after I paste it into the blog post - choosing 400 for the width and 333 for the height. Here are the results:






Some dynamic content may not display if you are reading this blog via RSS or through an email subscription. You can always visit the How-To Tech Tips blog to see the full content, and to find out how to subscribe to the latest posts.



Embed a Google Calendar

One of the best features of Google Calendar is that you can embed it in other websites. For example, I embed a Google Calendar of my class assignments INSIDE the Desire2Learn course management system for my classes. Here are step by step instructions for embedding a Google Calendar in a blog or other webpage.

To embed a GoogleCalendar you will need the "embed code" (some scary-looking HTML). The embed code is only available for calendars you have chosen to share publicly. So, go to your panel of Google Calendars, and click on Settings to share a calendar and get the embed code.

1. Access Settings. Click on Settings in the lower left-hand calendar of the panel that lists all your Google Calendars.

2. Select Calendar. You will see a listing of ALL your Calendars. Find the calendar you want to embed, with a column that shows whether the calendar is shared.


3. Share calendar. Click on the share settings link for the individual calendar you want to embed:


To embed the calendar, it needs to be publicly shared:


4. Calendar detail. Next, click on the Calendar Details tab that you should see across the top of the screen. Change from Share this calendar:


By clicking on the Calendar Details tab instead:


5. Default embed code. There is a default embed code you can see on the Calendar Details screen - but what you really want to do is click on the link that says Customize, so you can change the height, width and other display options.


6. Customize embed code. It is important to change the height and width to what you want - and you can also select whether default view is Agenda, Weekly or Monthly, along with other options. You can then copy and paste the resulting HTML embed code that shows up in the box as you make your choices.


7. Cut-and-paste embed code. The specific instructions for how to add the HTML code will vary based on where you are publishing your content. For Blogger.com blogs, you can switch to the "Edit HTML" tab and insert the code.


Don't worry if it looks a little weird - sometimes the content will not display until you actually publish the webpage online and view it in a browser. For example, in Blogger.com, the embedded calendar does not display until you publish the blog page; what you will see instead is this (below). Don't worry: ou can use the Preview mode to check and make sure everything really is okay!


8. Publish the page. You can see the results of my embedded Roman Calendar below! :-)