Applying New Technologies


Published on

This is a presentation for the Applying New Technologies class.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Applying New Technologies

  1. 1. Applying New Technologies <ul><li>To Enhance Your Library’s Online Presence: </li></ul><ul><ul><ul><li>A Workshop </li></ul></ul></ul>
  2. 2. Class Overview <ul><li>This class will allow participants to apply the skills learned in Exploring New Technologies for the Public Library to help build an attractive, useful and free online resource to communicate with their patrons. </li></ul>
  3. 3. Class Goal <ul><li>Participants will learn how to create and enhance the look and usefulness of their online page with innovative calendars and bibliographies. The class will also cover techniques to make the library blog available to patrons through the use of popular news readers. </li></ul>
  4. 4. Class Objectives <ul><li>The class will focus on creating and publishing a library Web log or blog. </li></ul><ul><li>Participants will learn how to enhance the look and usefulness of their online page with innovative calendars and bibliographies. </li></ul>
  5. 5. Class Goals <ul><li>Each student will create a simple blog. </li></ul><ul><li>Each blog template will be customized to include external links, a calendar, feeds, and a bibliography of books, if desired. </li></ul>
  6. 6. Overview of Creating a Blog <ul><li>Starting a blog with a free hosting service is relatively simple. </li></ul><ul><li>In this class we are going to create your new library blog and edit the template . </li></ul><ul><li>From this point, all you will need to do is add entries to the blog on a regular basis. </li></ul>
  7. 7. If you have a Google account…
  8. 8. Creating your account
  9. 9. Creating a user name <ul><li>Keep in mind… </li></ul><ul><ul><li>The user name is not visible to the public. </li></ul></ul><ul><ul><li>The display name could be visible to the public. </li></ul></ul>
  10. 11. Remember your information <ul><li>Before moving along, write down all of your information on the handout! </li></ul>
  11. 12. Creating an account
  12. 13. Choosing another user name <ul><li>Don’t be discouraged if your user name is already being used by someone else. </li></ul><ul><li>Try, try again! </li></ul>
  13. 14. Step 2: Naming Your Blog
  14. 15. You might need to choose a new name!
  15. 16. Select a template <ul><li>There are only a few templates to choose from here; just quickly pick one. </li></ul><ul><li>There will be more templates to choose from later. </li></ul>
  16. 17. Select a Template
  17. 18. Your blog has been created!
  18. 19. Decide on another template There are more templates to choose from now.
  19. 20. Reviewing the templates Notice that there are often multiple versions of the same template. Click on “preview template.”
  20. 21. When choosing a template <ul><li>Think about your target audience. </li></ul><ul><li>Will blogs be new to them? </li></ul><ul><li>Are there templates that look more like Websites than blogs? </li></ul>
  21. 22. Save your new template <ul><li>View your blog and make sure you are happy with the template. </li></ul>
  22. 23. Hint <ul><li>Sometimes when you view your blog it will open as a new page and sometimes it will not. </li></ul><ul><li>Always check your “ back arrow ” in the browser before closing the blog. </li></ul><ul><li>If the “back arrow” is highlighted , click “back” – don’t close! </li></ul><ul><li>This will save you from accidentally closing your blog! </li></ul>
  23. 24. Adding page elements
  24. 25. What are page elements? <ul><li>Page elements are all the great, additional features you can add to enhance your blog. </li></ul><ul><li>Common page elements include links to other sites, links to archived posts, and pictures or text you add to the sidebar of the blog. </li></ul>
  25. 26. Adding text to page elements <ul><li>We are also going to add text to our page elements today. </li></ul><ul><li>Unlike most parts of your blog, the page elements you add to the sidebar area of your blog remain in the same location. </li></ul><ul><li>This is a great place to add your library hours and contact information! </li></ul>
  26. 27. Adding new page elements
  27. 28. Adding a link list
  28. 29. Add a title to your links list: Mine is “Useful Links.” Add your library’s URL. Name your link. Add link. Repeat, if desired, to add more links. Click “ Save Changes .”
  29. 30. Add another page element
  30. 31. A new window opens…
  31. 33. Adding more elements <ul><li>Take a few minutes and add the following page elements: </li></ul><ul><ul><li>Labels </li></ul></ul><ul><ul><li>Archives </li></ul></ul><ul><ul><li>Page header </li></ul></ul><ul><ul><li>Photos (if available) </li></ul></ul>
  32. 34. Adding “Labels” <ul><li>Your readers might not understand the term “labels.” Try another word or phrase that makes sense to them. </li></ul><ul><ul><li>“Browse Posts by Subject: </li></ul></ul><ul><ul><li>“Browse by Subject” </li></ul></ul><ul><ul><li>“Tags” </li></ul></ul><ul><ul><li>Etc. </li></ul></ul>
  33. 35. I had already written a couple of posts and had assigned subject headings. That is why we see subjects in the Preview!
  34. 36. Changing order of page elements <ul><li>Drag and drop the page elements in the order you want them to be! </li></ul>
  35. 37. Start posting! <ul><li>Click on the Posting tab to write your first post. </li></ul>
  36. 38. Using the text editor <ul><li>You will notice that the text editor looks very similar to most other editors. </li></ul><ul><li>You have a lot of control over the text portion of your post. </li></ul>
  37. 39. Text editor Add a link in the post Spell Checker Insert a photo in the post.
  38. 40. <ul><li>Enter a title </li></ul><ul><li>Write the post </li></ul>
  39. 41. Labels <ul><li>Add one or more tags to your post. </li></ul><ul><li>Separate your tags by a comma. </li></ul><ul><li>After the comma, leave a space before writing the next word. </li></ul>
  40. 42. Editing your published post <ul><li>Don’t worry if you notice an error in your post. </li></ul><ul><li>You can immediately change any published post. </li></ul>
  41. 43. Editing your published post
  42. 44. Choose the post to edit
  43. 45. Editing your post <ul><li>Make your changes to the post. </li></ul><ul><li>Click on publish to re-publish the post. </li></ul><ul><li>View the blog to see the changes. </li></ul>
  44. 46. Settings <ul><li>You might have noticed that your time stamp was incorrect. Here’s how to fix it: </li></ul><ul><ul><li>Click on your “ Settings ” tab. </li></ul></ul><ul><ul><li>Click on “ Formatting .” </li></ul></ul><ul><ul><li>Change the Time Zone to UTC- 5:00 </li></ul></ul>
  45. 47. 1 2
  46. 48. Other settings to know <ul><li>Comments : </li></ul><ul><ul><li>Hide the comments </li></ul></ul><ul><ul><li>Allow only members of your blog to leave comments </li></ul></ul><ul><li>Permissions : </li></ul><ul><ul><li>You can allow other individuals to post entries to the blog </li></ul></ul><ul><ul><li>You can limit who can view the blog </li></ul></ul>
  47. 49. Adding widgets to your blog <ul><li>Widgets are elements you can add to your blog containing information from other sites. </li></ul><ul><li>We are going to add two widgets to our blogs today: One from Library Thing and another from Google Calendar. </li></ul>
  48. 52. Adding a Library Thing widget <ul><li>Visit </li></ul><ul><li>Log into your account. </li></ul><ul><li>Click on the “Joy” tab, located along the top of your screen. </li></ul>
  49. 53. Make a standard blog widget
  50. 54. Configuring your widget <ul><li>Choose the widget you would like. </li></ul><ul><li>Suggestions: </li></ul><ul><ul><li>Use 5 books </li></ul></ul><ul><ul><li>Omit the header </li></ul></ul><ul><ul><li>Use small book covers </li></ul></ul>
  51. 55. Copy the HTML code
  52. 56. Adding a widget <ul><li>Toggle back to your Blogger account. </li></ul><ul><li>Click on the “ Template ” tab. </li></ul><ul><li>Click on the “ Page Elements ” link. </li></ul><ul><li>Click on “ Add a Page Element .” </li></ul>
  53. 57. Click on the add HTML/JS The title you enter will show on the blog. Paste the HTML code into the Content area. Save changes.
  54. 58. Adding Google Calendar widget <ul><li>Visit </li></ul><ul><li>Login to site. </li></ul>
  55. 59. Click on your calendar. Click on “Calendar settings.” A new page is loaded…
  56. 60. Click on HTML button
  57. 61. Click on configuration tool link
  58. 62. Configuring the code <ul><li>A new page loads… </li></ul><ul><li>Decide if you want a listing of events or an actual calendar of events. </li></ul><ul><li>(That is the difference between “month” and “agenda.”) </li></ul><ul><li>Hint: The month does not show much at this small size! </li></ul><ul><li>For a sidebar widget, choose a very narrow size (220 px wide). </li></ul><ul><li>Make other desired changes and then copy the HTML </li></ul>
  59. 63. Adding the calendar widget <ul><li>Toggle back to your Blogger account. </li></ul><ul><li>Add a page element. </li></ul><ul><li>Add a HTML/Java Script element. </li></ul><ul><li>Paste the code into the Content area. </li></ul>
  60. 64. Adding an RSS feed <ul><li>To create an RSS feed for your free Blogger account, it is necessary to use another service: Feed Burner. </li></ul><ul><li>Copy the URL of your blog . </li></ul><ul><li>Visit </li></ul>
  61. 65. Paste your URL and click “next”
  62. 66. Choose the RSS feed
  63. 67. <ul><li>Change the feed address, if needed. </li></ul><ul><li>Click on “Create an account.” </li></ul><ul><li>Activate feed. </li></ul>
  64. 68. New RSS feed Copy your new feed and toggle back to Blogger.
  65. 69. Adding feed as a link to blog <ul><li>Click on the “Template” tab. </li></ul><ul><li>Click on “Page Elements” link. </li></ul><ul><li>Edit your “Link” element. </li></ul><ul><li>Add your feed as a link, paste your feed into the text box. </li></ul><ul><li>Give it a name, like; “RSS Feed” or “Subscribe.” </li></ul><ul><li>Add the link and save changes. </li></ul>
  66. 70. What your patrons will see <ul><li>Your patrons will be able to subscribe to your blog with a few clicks of a mouse! </li></ul>
  67. 71. Add an email subscription box <ul><li>Visit: </li></ul><ul><li>Paste your blog’s URL into the textbox </li></ul><ul><li>Click “Generate HTML.” </li></ul><ul><li>Copy the new HTML. </li></ul>
  68. 72. <ul><li>Paste </li></ul><ul><li>Press </li></ul><ul><li>Copy! </li></ul>
  69. 73. Adding the HTML page element <ul><li>Toggle back to your blog. </li></ul><ul><li>Add a new page element. </li></ul><ul><li>Add an HTML/Java Script element. </li></ul><ul><li>Paste the HTML code into the “Content” area of the page element. </li></ul><ul><li>Save your changes. </li></ul>
  70. 74. Email subscription box
  71. 75. Congratulations! <ul><li>Great job making your blogs! </li></ul><ul><li>Now, add your blog’s URL to your library’s Webpage. </li></ul><ul><li>Or, let your patrons know the name of your blog. </li></ul>