Adding a Shelfari Shelf to Your Blog

These are the steps that you can use to add a Shelfari shelf to a blog.

1. Create a Shelfari account.

2. Add books to your shelf.

• Use the search feature to find books.
• After you find a book click on the "Add" button below the book.
• Edit your status by writing a review, putting in tags, noting whether you have read the book, plan to read it, or you are reading it now. Choose to add tags.
• Click the "x" to close the status page.

3. Click on the "Home" button at the top of the page to go your home page.

4. Look at your home page and click on the words "Your Shelf" above your book shelf.

5. When your shelf loads, click on the "Put Your Shelf on Your Blog" button.

6. Wait for the page to load.

7. When the page loads, select the kind of blog that you have. If it is not Blogger, TypePad, or WordPress, click on the JavaScript or Flash buttons to create the code.

8. Open your blog and start a new post.

9. Go to the page that enables you to edit the html in your blog.

10. Paste in the code your copied from Shelfari into your blog.

Here is my Shelfari shelf.

Shelfari: Book reviews on your book blog

Diigo Linkroll in Blogger

Steps:

1. Log into your Diigo account.

2. Type in https://www.diigo.com/tools/linkrolls

3. Click on create script.

4. Copy the code.

5. Paste the code into your Blogger post (html).

Here is an example of the Linkroll code:

<div id="diigo_linkroll" ><a target="_blank" id="linkroll_title" href="https://www.diigo.com/user/dsmithlibrarian">My Diigo Web 2.0 Tools</a><script type="text/javascript" src="https://www.diigo.com/roll2/linkrolls?v=3&username=dsmithlibrarian&l_type=0&count=5&desc=1&style=standard&title=My%20Diigo%20Web%202.0%20Tools&tags=" ></script></div>

6. Preview the post.

7. Publish the post.

8. Enjoy the post.

Here is the embedded Linkroll.

My Diigo Web 2.0 Tools

Standards Search Engine

Standards Search Engine

Inserting a Webpage into Another Webpage

This is an example of how to add another website into your blog. Use this code for option 1:

<object data="http://www.enterawebsite.com" height="600" width="600"> <embed src=http://www.enterawebsite.com width="600" height="600"> </embed> Error: Embedded data could not be displayed. </object>

You could also use this option for code for option 2:

<iframe height="700" width="90%" frameBorder="0" src="http://www.enterawebsite.com">your browser does not support IFRAMEs</iframe>

Example of Option 1

 

Example of Option 2

Embedded Google Search Engine

My Google Search Engine

Prezi Example

Here is an example of a Prezi in a Blogger post. 

My Orange Document in Different Sizes

You can watch the following page to see how I changed the sizes in this document:



I am going to post my document here.




The code for this is:

<iframe src="https://docs.google.com/document/d/1gcNYEsvEpRGHOLngNmj_MUjnBvBOiX8K8Y2yAlelkws/pub?embedded=true"></iframe><br />






This is the code for this:

<iframe frameborder="0" src="https://docs.google.com/document/d/1gcNYEsvEpRGHOLngNmj_MUjnBvBOiX8K8Y2yAlelkws/pub?embedded=true" style="height: 500px; width: 600px;"></iframe>



The code for this is:

<iframe frameborder="0" src="https://docs.google.com/document/d/1gcNYEsvEpRGHOLngNmj_MUjnBvBOiX8K8Y2yAlelkws/pub?embedded=true" style="height: 500px; width: 600px;"></iframe>

New document to share.

Adding a Google Presentation

This is my new blog. I am going to add a Google SlideShow presentation to it. 

On the page beside me. You will see that I have a presentation already prepared. You will notice the steps to publishing a Google presentation are written in the presentation. 

I hope you are reading this!

There are many videos in the class website that you can watch that have sound in them too. 8>)

The videos are on the course content page. 

This is just meant to be a quick visual walk through. 

Anyway... watch what I do to the Google document. Remember, the steps are also written in the Google Document.

Embedding is not hard at all. In fact, if I were not typing this to you, I would be finished already!

Look at the Google Document page next to this one with the presentation in it. 

I copied the embedding code. Now I am going to paste it in this document. 

First I need to change to the HTML view.

I changed to the HTML view and pasted the code. I have embedded the presentation in the blog post.

Click on the orange "Publish" button.

I did not like the size. I am going to change it and make it smaller. 

I will use the html view for this.

That's much better!

I am going to publish this again. Click the update button.

That's it. I embedded a Web 2.0 project in my blog. 

Now I am going to end this video. 

Thanks,

Dr. S