Class Projects

Class Projects

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