31
On Images and Blogs Blog Workshop by Leora Wenger At the Highland Park Public Librar July 15, 2014

On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

  • View
    242

  • Download
    0

Embed Size (px)

DESCRIPTION

Learn how to add images to blog posts. Learn about blogging. Resize images to fit your blog theme. Some photo editors are free. Art blogs and blog platforms among topics covered in this workshop.

Citation preview

Page 1: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

On Images and Blogs

Blog Workshop by Leora Wenger

At the Highland Park Public LibraryJuly 15, 2014

Page 2: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Why Talk about Images?

• Need to set image size• Need to place image within a post or page• Multiple images – image galleries• Thumbnails, lightbox, resize and crop• Images capture the eye – make one want to

read the text

Page 3: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Measure in Pixels

Print: Thousands of Pixels Web: Hundreds of Pixels

Page 4: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Convert to about 500px for blog post

Page 5: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Convert to about 200px for side of blog post

Page 6: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Put image to right or left of text

•alignright•alignleft

Works in many WordPress themes – CSS command

Page 7: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Free Photo Editors

• Pixlr• Picasa• Canva• PicMonkey• iPhoto, Photos (Apple)

Page 8: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Put pixlr here

Page 9: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library
Page 10: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Resize and Crop

• Select your tool• Crop first – know the crop tool (show it

here)• Resize from 1000’s of pixels to 100’s of

pixels

Page 11: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Crop Tool

Page 12: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library
Page 13: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Resize Slide

Page 14: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library
Page 15: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

More on Pixlr

Page 16: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Set up a Free Blog

• Blogger Or

•WordPress.com

Page 17: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Platforms for Blogging

• Blogger• WordPress.com• Self-hosted WordPress <-my favorite• Tumblr• Google+• YouTube – video as a form of blogging? As a

complement to one’s blog.

Page 18: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

CSS

Cascading Style SheetsGain control over images, format, font sizes, and much more – usually do *not* haveaccess to CSS on free blog sites

Page 19: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Importance of Commenting

• Meet other bloggers

Page 20: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Importance of Commenting

• Meet other bloggers• Get links back to your own blog

Page 21: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Importance of Commenting

• Meet other bloggers• Get links back to your own blog• Establish authority in your niche

Page 22: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Importance of Commenting

• Meet other bloggers• Get links back to your own blog• Establish authority in your niche• Respond to comments on your own blog

so that you can meaningfully engage with your readers.

Page 23: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Sample Comment Area

Page 24: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Images for Blog Posts

• Best method: create your own. Take photos. Make illustrations.

• Other ideas: use public domain photos. Or use Creative Commons photos and give credit if asked to do so.

• See: http://biz.leoraw.com/explore-free-image-sources/

• Pinterest: images can be pinned for more traffic to your blog.

• Alt tags: important for SEO, visually-impaired• Be aware of lawsuits. Don’t use images illegally.

Page 25: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Websites for Small Biz

http://biz.leoraw.com/

Page 26: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Series of Posts on Images

• Image Titles: Add Text to an Imagehttp://biz.leoraw.com/image-titles-add-text-image/

• Resize or Crop an Image with Pixlrhttp://biz.leoraw.com/resize-crop-image-pixlr/

• Pixels? My Image Has Pixels? http://biz.leoraw.com/image-pixels/

• Create Photo Gallery with WP Native Galleryhttp://biz.leoraw.com/create-photo-gallery-wp-native-gallery

Page 27: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Sample Art Blogs

http://illustrationfriday.com/

Page 28: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

One Drawing a Day

http://onedrawingaday.com/

Page 29: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Cathleen Rehfeld

http://crehfeld.blogspot.com/

Page 30: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

Why Self-hosted WordPress

• You own the blog (instead of borrowing space)• Lots of plugin and theme choices• Establish business authority – shows you take

your business seriously, and others should, too.

• Backups and ability to move blog to other hosts

Page 31: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library

What Next?

• How do you plan to use images?• Ask – how do I … ???• Have fun with blogs and post

creation – enjoy the experience.