NEKLS Final Friday Web Site Work Day

September 26, 2008

The NEKLS Tech folks hosted an informal Work Day on Friday, Sept. 26 for our librarians who had newly upgraded KLOW Web sites.

We discussed the Life Cycle of Open Source Software (.ppt) and spent time reviewing the New Features and Fuctions of WordPress 2.6 (.doc).

Handy Tips shared at the training:

Adding a Hyperlink to an Image in a Text Box:

• Open a new Post and using the Add Media buttons, add the image you want to use in your Text Box.
• Save the Image
• Select Manage > Media Library and click on the image thumbnail you wish to add.
• Copy and Paste the URL from the Address Bar (For example: http://www.mykansaslibrary.org/wp-content/uploads/2008/01/229043wc6ohwbobe.jpg)
• Go back to the Dashboard
• Open Design > Widgets and chose the sidebar for a new Text widget
• Add a Text Widget
• Edit the Widget - give the Text box a Title
• In the Body of the Text Widget:
  • To insert a picture only:
    • Type:
      <img src="http://www.mykansaslibrary.org/wp-content/uploads/2008/01/229043wc6ohwbobe.jpg">
    • Save Changes
  • To insert a picture with a Hyperlink:
    • Type:
      <a href="http://xxx.xxx.xxx"><img src="http://upgrade.mykansaslibrary.org/wireless_logo-150.jpg"></a>
    • The http://xxx.xxx.xxx would be the Web site you want to go to when clicking the image
    • The "img src" refers to the Image Source, or the URL of the picture you want to appear
    • Save Changes

Pasting Text from an outside source (Word, the Web, etc.)

• When Pasting from Word, use the new "Kitchen Sink" menu
• Click the Kitchen Sink button
• Then click the Paste from Word button
• Use Ctrl+v or Edit > Paste to paste in your text
• Click insert

Make your own Buttons

• Susan from Hiawatha wanted to create a new button for her site and found:
  • cooltext.com

HTML Basics for Text Boxes

• For Bold Text, use <strong>TEXT</strong>
• For Italic Text, use <em>TEXT</em> (for "emphasis")
• For single spacing, use <br> at the end of a line of text
• For double spacing, use <p> at the end of a line of text

Posted in Handy Tips