Sandbox

This page is intended for periodic demonstrations of Web-based communication techniques.

Posting a Video to Google's Blogger 

This demonstration explains how to add a hyperlink to or embed a YouTube video produced by students. First, go to Google's Blogger support page for posting videos. You will see four choices.

1. Upload a video directly from your computer. 
2. Upload from YouTube.
3. Upload from your YouTube video channel.
4. Upload from your phone. 

To post a video, open a new post window in Blogger's "Compose" mode, click on the "Insert Video" icon along the rich-text toolbar (to the right of the insert link and insert image icons), and select options to upload a video from your computer, from YouTube, from your YouTube channel, or even from your smart phone.

Second, you can insert a hyperlink to the video in your post. Go to the YouTube video you wish to post. Scroll down below the video and click "Share this video." Highlight and copy the shortened RIL displayed in the dialog box, return to your draft blog post, highlight the text that you want to represent the link, click on the "Link" icon the rich-text toolbar, and insert the URL of the video in the designated dialog box.

Third, you can automatically embed a YouTube video directly from YouTube to your blog. Go to the YouTube video you wish to post. Scroll down below the video and click "Share this video." Below the shortened URL, click the right-facing arrow next to the social media icons, which will open the entire list of social media channels. Click the icon for Blogger (or whatever social media platform you or using). This will open a new post window with the title of your video in the Blogger account that you are logged into. Fill in the remainder of the post and click "Publish Post."

Fourth, you can manually embed a video from YouTube into your blog post. Follow the directions, above, for automatically sharing a YouTube video. Instead of "Sharing this video" automatically through a social media channel, click the "Embed" link. Choose the size of the video you want to display. Copy the embed code (HTML code) in the dialog box. Return to your Blogger blog, open a new post, and click the "HTML" mode (next to "Compose"). In the HTML mode, insert your embed code in the desired location vertically and horizontally (left, right, center) of your draft post. Fill in the remainder of your post and click "Publish Post. 

NOTE: YouTube videos uploaded to Google's Blogger remain private in Google Videos unless you adjust the video privacy settings.

See the example, below.

Linking a Web Page To a Blogger Post

Insert the following embed code when the blog edit window is open in HTML (not compose):

<iframe
allowtransparency="true" scrolling="yes" frameborder="0" width="600" height="800"

src="YOUR BLOG URL, INCLUDING THE HTTP:/"
>
TITLE-FOR-THE-FRAME
</iframe>

See the following example from one the Google Document files in my Google Drive. Notice you can interact with the Web site, scroll, change views, etc.

Also, to change the width or height to fit your blog frame, switch to the HTML mode in the edit window and change the width= and height= settings in the embed code.




Insert a Document as an Image

1. Create a text document (e.g., Word, .doc) and convert it to Adobe (.pdf). From Adobe Acrobat, save it as an image. Or, create the document, take a screenshot of the document, and convert it to to an .jpg image.

2. Upload the document as an image in your blog post.

See the following example, converted from my Google Document. Note, you may lose some sharpness when converting from a document, to .pdf, to an image.

Also, to change the width or height to fit your blog frame, switch to the HTML mode in the edit window and adjust the width= and height= settings in the embed code.

Insert a Screenshot

Click here to visit our blog.