on images and blogs - summer 2014 workshop at highland park public library
Post on 20-Oct-2014
243 views
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.TRANSCRIPT
![Page 1: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/4.jpg)
Convert to about 500px for blog post
![Page 5: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/5.jpg)
Convert to about 200px for side of blog post
![Page 6: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/7.jpg)
Free Photo Editors
• Pixlr• Picasa• Canva• PicMonkey• iPhoto, Photos (Apple)
![Page 8: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/8.jpg)
Put pixlr here
![Page 9: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/9.jpg)
![Page 10: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/10.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/11.jpg)
Crop Tool
![Page 12: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/12.jpg)
![Page 13: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/13.jpg)
Resize Slide
![Page 14: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/14.jpg)
![Page 15: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/15.jpg)
More on Pixlr
![Page 16: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/16.jpg)
Set up a Free Blog
• Blogger Or
•WordPress.com
![Page 17: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/18.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/19.jpg)
Importance of Commenting
• Meet other bloggers
![Page 20: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/20.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/21.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/22.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/23.jpg)
Sample Comment Area
![Page 24: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/24.jpg)
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 26: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/26.jpg)
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 30: On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/30.jpg)
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](https://reader036.vdocuments.mx/reader036/viewer/2022070301/54450121b1af9f476c8b4647/html5/thumbnails/31.jpg)
What Next?
• How do you plan to use images?• Ask – how do I … ???• Have fun with blogs and post
creation – enjoy the experience.