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.

1. On Images and Blogs
Blog Workshop by Leora Wenger
At the Highland Park Public Library
July 15, 2014

2. 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

3. Measure in Pixels
Print: Thousands of Pixels Web: Hundreds of Pixels

4. Convert to about 500px for blog post

5. Convert to about 200px
for side of blog post

6. Put image to right or left of text
•alignright
•alignleft
Works in many WordPress themes –
CSS command

7. Free Photo Editors
• Pixlr
• Picasa
• Canva
• PicMonkey
• iPhoto, Photos (Apple)

8. Put pixlr here

10. 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

11. Crop Tool

13. Resize Slide

15. More on Pixlr

16. Set up a Free Blog
• Blogger
Or
• WordPress.com

17. 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.

18. CSS
Cascading Style Sheets
Gain control over images, format, font sizes,
and much more – usually do *not* have
access to CSS on free blog sites

19. Importance of Commenting
• Meet other bloggers

20. Importance of Commenting
• Meet other bloggers
• Get links back to your own blog

21. Importance of Commenting
• Meet other bloggers
• Get links back to your own blog
• Establish authority in your niche

22. 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.

23. Sample Comment Area

24. 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.

25. Websites for Small Biz
http://biz.leoraw.com/

26. Series of Posts on Images
• Image Titles: Add Text to an Image
http://biz.leoraw.com/image-titles-add-text-image/
• Resize or Crop an Image with Pixlr
http://biz.leoraw.com/resize-crop-image-pixlr/
• Pixels? My Image Has Pixels?
http://biz.leoraw.com/image-pixels/
• Create Photo Gallery with WP Native Gallery
http://biz.leoraw.com/create-photo-gallery-wp-native-gallery

27. Sample Art Blogs
http://illustrationfriday.com/

28. One Drawing a Day
http://onedrawingaday.com/

29. Cathleen Rehfeld
http://crehfeld.blogspot.com/

30. 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

31. What Next?
• How do you plan to use images?
• Ask – how do I … ???
• Have fun with blogs and post
creation – enjoy the experience.