<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Edublogger &#187; All About Using Images</title>
	<atom:link href="http://theedublogger.com/category/all-about-using-images/feed/" rel="self" type="application/rss+xml" />
	<link>http://theedublogger.com</link>
	<description>Tips, tricks, and help for educators and bloggers using technology</description>
	<lastBuildDate>Wed, 08 Feb 2012 06:07:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Picasa Slideshows: Giving Parents a Glimpse of School</title>
		<link>http://theedublogger.com/2012/02/07/picasa-slideshows-giving-parents-a-glimpse-of-school/</link>
		<comments>http://theedublogger.com/2012/02/07/picasa-slideshows-giving-parents-a-glimpse-of-school/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 14:51:49 +0000</pubDate>
		<dc:creator>5a3dragonslair</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Using Blogs With Students]]></category>
		<category><![CDATA[camera]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[ESL/EFL students]]></category>
		<category><![CDATA[Guest post]]></category>
		<category><![CDATA[parents]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[picasa]]></category>
		<category><![CDATA[SlideShow]]></category>
		<category><![CDATA[student blogging]]></category>
		<category><![CDATA[student images]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=4350</guid>
		<description><![CDATA[This is a guest post written by Janet Moeller-Abercrombie. Janet teaches at an international school in Asia. She is the author of Expat Educator and a contributing author of 1 to 1 Schools. You can follow her at @jabbacrombie. A parent once remarked, &#8230; <a href="http://theedublogger.com/2012/02/07/picasa-slideshows-giving-parents-a-glimpse-of-school/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><em><a href="http://theedublogger.com/files/2012/02/jabercrombie_userphoto-2f8fvja.jpg"><img class="alignleft size-thumbnail wp-image-4382" title="jabercrombie_userphoto" src="http://theedublogger.com/files/2012/02/jabercrombie_userphoto-2f8fvja-150x150.jpg" alt="" width="72" height="72" /></a>This is a guest post written by Janet Moeller-Abercrombie. </p>
<p>Janet teaches at an international school in Asia. She is the author of <a href="http://expateducator.com/" target="_blank">Expat Educator</a> and a contributing author of <a href="http://1to1schools.net/" target="_blank">1 to 1 Schools</a>. You can follow her at <a href="https://twitter.com/jabbacrombie">@jabbacrombie</a>.</em></p>
<p>A parent once remarked, &#8220;You do so many great things at school. I wish I could be a fly on the wall and watch my child in action.&#8221;</p>
<p>One of the easiest ways to give parents a glimpse of school is to give students a camera, access to <a href="https://accounts.google.com/ServiceLogin?hl=en_US&amp;continue=https%3A%2F%2Fpicasaweb.google.com%2Flh%2Flogin%3Fcontinue%3Dhttps%253A%252F%252Fpicasaweb.google.com%252Fhome&amp;service=lh2&amp;ltmpl=gp&amp;passive=true" target="_blank">Picasaweb</a>, and a blog.</p>
<h3>Give students a camera.<br />
</h3>
<p>Each week, one or two students are given the classroom job of <em>photographer</em>. The photographer gets to carry a camera throughout the school day, snapping shots he or she finds interesting.</p>
<p>Why not take pictures myself? I like to see life from a student&#8217;s point of view. Parents like to see that too. What do students find interesting? humorous? entertaining? Student personalities shine on the playground, in the cafeteria, and in the library &#8211; places I don&#8217;t often supervise.</p>
<p>Also, my school is located in a large urban area. Students don&#8217;t have much playground space. A camera allows them to spend their free time in artistic ways. Here is a video to help students begin to take thoughtful shots:</p>
<p><iframe src="http://www.youtube.com/embed/9zTQIPIl3Mk" frameborder="0" width="420" height="315"></iframe></p>
<p>Students who want to know more about photography can look for additional advice at the <a href="http://www.easyphotography.info/tips-on-how-to-take-good-pictures-using-your-digital-camera.htm#creative" target="_blank">EasyPhotography</a> or <a href="http://www.kodak.com/global/en/corp/top10tips/index.jhtml" target="_blank">Kodak</a> sites.</p>
<p>The one rule for student photographers: photography cannot interrupt teacher instruction or other students&#8217; work time. It&#8217;s a good idea to let specialist teachers know the rule so that they can enforce it as necessary.</p>
<h3>Pairs of students choose the final photos.</h3>
<p>Have a pair of students look through the week&#8217;s shots and choose the 10-12 best. When pairs decide, they should discuss what makes one shot better than another. How is it framed? Is the camera focused on the subject? Authentic communication around shared experiences is great for second language learners.</p>
<h3>Photos are uploaded into Picasaweb.<br />
</h3>
<p><a href="https://accounts.google.com/ServiceLogin?hl=en_US&amp;continue=https%3A%2F%2Fpicasaweb.google.com%2Flh%2Flogin%3Fcontinue%3Dhttps%253A%252F%252Fpicasaweb.google.com%252Fhome&amp;service=lh2&amp;ltmpl=gp&amp;passive=true" target="_blank">Picasaweb</a> is free if you don&#8217;t use too much storage space. Low storage is the main reason I have students select their 10-12 <em>best</em> photos each week.</p>
<p>In the video below, I show how to upload and how to add captions. For privacy reasons, I don&#8217;t allow students to include names with a caption.</p>
<p><iframe src="http://www.youtube.com/embed/woMVcRm2GC4" frameborder="0" width="420" height="315"></iframe></p>
<h3>Change Picasa Viewing Permission<br />
</h3>
<p>I once made the mistake of not changing viewing permissions. The slideshow looked beautiful from my computer. The next day, students told me the pictures weren&#8217;t visible. Oops. Click on the link to learn how to <strong><a href="http://theedublogger.com/files/2012/02/Picasa-Change-Viewing-28t4j8u.mov">Change Picasa Viewing Permissions</a>.</strong></p>
<h3>Choose slideshow mode and embed the code.<br />
</h3>
<p>This part is the trickiest (at first). Students get the hang of it rather quickly.</p>
<p><iframe src="http://www.youtube.com/embed/WYHofnln7Fs" frameborder="0" width="420" height="315"></iframe></p>
<h3>The Final Slideshow&#8230;<br />
</h3>
<p>An example can be found <a href="http://5a3dragonslair.edublogs.org/2012/02/06/monday-moments-2/" target="_blank">here</a>.</p>
<h3>The next week&#8230;<br />
</h3>
<p>My student photographers teach two new student photographers. I&#8217;m a big fan of students teaching students. With a little explanation and access to the video tutorials above, students are able to upload slideshows to the class blog with limited teacher intervention.</p>
<p>Once students get into the routine of posting photo slideshows, you are left with posts that all students and parents want to view. Parents who travel or who live far away especially appreciate this glimpse into their child&#8217;s school life.</p>
<p>How else might you use Picasa slideshows in your blog?</p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2012/02/07/picasa-slideshows-giving-parents-a-glimpse-of-school/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://theedublogger.edublogs.org/files/2012/02/Picasa-Change-Viewing-28t4j8u.mov" length="4737938" type="video/quicktime" />
		</item>
		<item>
		<title>Posting images to your blog from your mobile device</title>
		<link>http://theedublogger.com/2012/01/05/posting-images-to-your-blog-from-your-mobile-device/</link>
		<comments>http://theedublogger.com/2012/01/05/posting-images-to-your-blog-from-your-mobile-device/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 18:59:47 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Working With Web 2.0 Tools]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[mobile device]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=4211</guid>
		<description><![CDATA[Significant improvement in smartphone cameras combined with increased mobile device usage means we&#8217;re getting more people asking us for the fastest option for uploading their photos from their mobile devices to their blogs. Here&#8217;s a few different ways you can &#8230; <a href="http://theedublogger.com/2012/01/05/posting-images-to-your-blog-from-your-mobile-device/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Significant improvement in smartphone cameras combined with increased mobile device usage means we&#8217;re getting more people asking us for the fastest option for uploading their photos from their mobile devices to their blogs.</p>
<p>Here&#8217;s a few different ways you can do it!</p>
<h3>Using a blogging app</h3>
<p>There&#8217;s a wide range of blogging apps available for smartphones, iPads and android tablets.</p>
<p>They vary considerably in terms of ease of use and functionality.  You can read <a href="http://theedublogger.com/2011/06/15/blogging-with-an-ipad-writing-posts-using-apps-and-via-the-dashboard-in-a-web-browser/">our review of iPad blogging apps here</a>.</p>
<p>Personally I&#8217;ve found they can vary in terms of reliability &#8211; an app that works well previously can suddenly experience problems (but maybe it is me since I do have a lot of blogs connected to my apps?).</p>
<p>The best option for quick image upload is probably the <a href="http://itunes.apple.com/au/app/wordpress/id335703880?mt=8">WordPress app</a> which you can download for free.</p>
<p>To be able to use any blogging app XML-RPC first needs to be enabled.</p>
<p>XML-RPC is automatically enabled on Edublogs.org blogs if you are using an <a href="http://help.edublogs.org/2009/09/10/how-to-purchase-a-single-edublogs-pro-subscription/">Edublogs Pro blog</a> or a blog which has had <a href="http://help.edublogs.org/2010/05/23/upgrading-student-blogs-using-a-pro-blog/">extra features enabled using an Edublogs Pro blog</a>.</p>
<p>If you are using an Edublogs Campus (and most likely WordPress) blog you’ll need to enable XML-RPC within your blog dashboard in <strong>Settings &gt; Writing</strong>.</p>
<p>You aren&#8217;t able to enable XML-RPC on free Edublogs.org blogs.</p>
<p><img class="alignnone" title="Enabling XML-RPC" src="http://theedublogger.com/files/2011/06/xlm41-11xgblh.jpg" alt="" width="450" height="233" /></p>
<p>When adding your blog to any app you need to select the <strong>self-hosted</strong> WordPress blog option for your Edublogs or Campus blog.</p>
<p><img class="alignnone size-full wp-image-4217" title="Select the self hosted WordPress option" src="http://theedublogger.com/files/2011/12/wordpress41-1l410cs.jpg" alt="" width="451" height="372" /></p>
<p>Below&#8217;s a quick overview of the post interface to help you.</p>
<p>All you need to do is click on <strong>Add Image</strong> to insert an image into your post.</p>
<p><img class="alignnone size-full wp-image-4219" title="Overview of the WordPress app post interface" src="http://theedublogger.com/files/2011/12/wordpress42-11sklmi.jpg" alt="" width="400" height="255" /></p>
<h3>Using a mobile web browser</h3>
<p>You can choose to write posts directly within your blog dashboard using your web browser on your iPad.</p>
<p>For the most part everything works pretty well except you need to be aware of the following:</p>
<ol>
<li>You can only write using the HTML editing mode as the visual editor isn&#8217;t supported by an iPad.</li>
<li>You&#8217;ll need to use a browser like <a href="http://itunes.apple.com/au/app/icab-mobile-web-browser/id308111628?mt=8">iCab mobile</a> as most of the mobile browsers don&#8217;t support the upload of images.  Uploading images using the web browser on an Android isn&#8217;t possible.</li>
</ol>
<div>You would use this type of option if students are sharing mobile devices and need an option that allows students to log into their own accounts.</div>
<div><img class="alignnone" title="Writing using the HTML tab" src="http://theedublogger.com/files/2011/06/html41-1h8i522.jpg" alt="" width="450" height="363" /></div>
<p>However, there’s still a trick to inserting images using <a href="http://itunes.apple.com/au/app/icab-mobile-web-browser/id308111628?mt=8">iCab mobile</a>.</p>
<p><strong>Here’s what you need to do:</strong></p>
<ol>
<li>Click on the ‘Add Image’ icon</li>
<li>Select and upload your image</li>
<li>Click on Show next to the image you uploaded</li>
<li>Copy the Link URL</li>
<li>Click back in the web browser toolbar to return to your post</li>
<li>Click on ‘img’ and paste your Link URL</li>
</ol>
<div><img class="alignnone size-full wp-image-4214" title="Inserting an image using iCab mobile" src="http://theedublogger.com/files/2011/12/icab42-s7au9n.jpg" alt="" width="451" height="608" /></div>
<h3>Posting by email using Flickr</h3>
<p>Posting by email to your blog using Flickr is a really cool and simple if you use Flickr.  This is a really handy option for when you&#8217;re out or if you have multiple students posting to a class blog.</p>
<p>All you need to do is first set up your Flickr account to upload by email to your blog.</p>
<p><strong>It&#8217;s as simple as:</strong></p>
<p>1.  Log into your Flickr Account.</p>
<p>2.  Go to <a href="http://www.flickr.com/account/sharing/">Sharing and Extending tab</a> under your Accounts.</p>
<p>3.  Click on More Sites and Select WordPress.</p>
<p><img class="alignnone size-full wp-image-4225" title="Click on WordPress" src="http://theedublogger.com/files/2011/12/flickr41-1v48yyu.jpg" alt="" width="450" height="277" /></p>
<p>4.  Add your blog details and click<strong> Next</strong>.</p>
<p><img class="alignnone size-full wp-image-4226" title="Add your login details" src="http://theedublogger.com/files/2011/12/flickr42-2dj98kp.jpg" alt="" width="449" height="321" /></p>
<div>5.  Click on <strong>Edit</strong> and then <strong>Select Blog Layout.</strong></div>
<div>6. Choose which blog layout option you want to use.</div>
<div><a href="http://theedublogger.com/files/2011/12/flickr43-29w5s65.jpg"><img class="alignnone size-full wp-image-4227" title="Click on Select a blog layout" src="http://theedublogger.com/files/2011/12/flickr43-29w5s65.jpg" alt="" width="450" height="249" /></a></div>
<div>6.  Go to <a href="http://www.flickr.com/account/uploadbyemail/blog/">Upload by email to your blog</a>,  set up your blog and click<strong> Save</strong>.</div>
<div><img class="alignnone size-full wp-image-4229" title="Set up your blog for posting by email" src="http://theedublogger.com/files/2011/12/flickr44-1fc5sly.jpg" alt="" width="450" height="320" /></div>
<div>7.  You&#8217;ll now see the email address you need to use to post to your blog.</div>
<div>8.  Add this email address to Contacts on your mobile device.</div>
<div><img class="alignnone size-full wp-image-4231" title="Add upload to blog email address to contacts" src="http://theedublogger.com/files/2011/12/flickr45-1a64buz.jpg" alt="" width="448" height="396" /></div>
<div>9.  Now all you need to do is go to Photos on your mobile device and select the photo you want to upload.</div>
<div>10.  Then just select Email  photo, add the Flickr email address, your subject line and your text then press Send.</div>
<div>
<ul>
<li>Tip:  Only text written above the image in the email will be posted onto Flickr and your blog.</li>
</ul>
</div>
<div><img class="alignnone size-full wp-image-4232" title="Posting by email" src="http://theedublogger.com/files/2011/12/flickr46-qkolri.jpg" alt="" width="450" height="855" /></div>
<div>11.  Presto!  When you look at your blog you&#8217;ll now see your post.</div>
<div><img class="alignnone size-full wp-image-4233" title="Example of a post sent by email from Flickr" src="http://theedublogger.com/files/2011/12/flickr47-yl3qye.jpg" alt="" width="450" height="333" /></div>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2012/01/05/posting-images-to-your-blog-from-your-mobile-device/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Everything YOU should know about enhancing posts with images</title>
		<link>http://theedublogger.com/2011/02/27/everything-you-should-know-about-enhancing-posts-with-images/</link>
		<comments>http://theedublogger.com/2011/02/27/everything-you-should-know-about-enhancing-posts-with-images/#comments</comments>
		<pubDate>Mon, 28 Feb 2011 01:29:23 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Tips For Better Blogging]]></category>
		<category><![CDATA[Creative Commons]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[images]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=2674</guid>
		<description><![CDATA[Instead of &#8216;Where&#8217;s Wally&#8217; we&#8217;ve had a case of &#8216;Where&#8217;s Sue?&#8217; Sorry but I&#8217;ve been really busy writing bi-weekly posts on our Teacher Challenge blog. So I&#8217;ve decided that you&#8217;d might like to see that types of posts and activities &#8230; <a href="http://theedublogger.com/2011/02/27/everything-you-should-know-about-enhancing-posts-with-images/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Instead of &#8216;Where&#8217;s Wally&#8217; we&#8217;ve had a case of &#8216;Where&#8217;s Sue?&#8217;</p>
<p>Sorry but I&#8217;ve been really busy writing bi-weekly posts on our <a href="http://teacherchallenge.edublogs.org/">Teacher Challenge blog</a>.</p>
<p>So I&#8217;ve decided that you&#8217;d might like to see that types of posts and activities we&#8217;ve been doing on <a href="http://teacherchallenge.edublogs.org/">Teacher Challenge blog</a> by cross-posting our post on <a href="http://teacherchallenge.edublogs.org/2011/01/24/kick-start-activity-5-%E2%80%93-beginner-enhancing-posts-with-images/">Enhancing posts with images</a> here.</p>
<p>I&#8217;ve kept the post as is so you can see exactly how participants are stepped through tasks.</p>
<p>But first I&#8217;ll tell you a bit more about the <a href="http://teacherchallenge.edublogs.org/">Teacher Challenge</a>!</p>
<h3>About the Teacher Challenge</h3>
<p><a href="http://teacherchallenge.edublogs.org/">Teacher Challenge blog</a> is where we do free 30 day professional development challenges that step participants through weekly tasks that increase their skills  while working together as part of a global community.</p>
<p>The Challenge is open to anyone who wants to increase their skills –  blogs are used for reflecting your progress while learning and  connecting with each other.</p>
<p>However blogs don’t need to  be hosted by Edublogs to participate!*</p>
<p>Participants can complete as many of the tasks as they like and in any order.  And if you missed out, it is never too late to work through the challenges at your own pace!</p>
<p>Our first Challenge was 30 Days to Kick Start Your Blogging and here&#8217;s where you&#8217;ll find the Beginners posts:</p>
<ol>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/10/kick-start-activity-1-%e2%80%93-beginner-%e2%80%93-setting-up-your-blog/">Kick Start Activity 1 – Beginner – Setting Up Your Blog</a></li>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/13/kick-start-activity-2-%e2%80%93-beginner-%e2%80%93-effective-and-engaging-blog-posts/">Kick Start Activity 2 – Beginner – Effective and engaging blog posts</a></li>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/17/kick-start-activity-3-%e2%80%93-beginner-%e2%80%93-introduction-to-working-with-pages/">Kick Start Activity 3 – Beginner – Introduction to working with pages</a></li>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/20/kick-start-activity-4-%e2%80%93-beginner-%e2%80%93-connecting-with-others/">Kick Start Activity 4 – Beginner – Connecting with others</a></li>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/24/kick-start-activity-5-%e2%80%93-beginner-enhancing-posts-with-images/">Kick Start Activity 5 – Beginner – Enhancing posts with images</a></li>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/27/kick-start-activity-6-%e2%80%93-beginner-%e2%80%93-enhancing-posts-by-embedding-media/">Kick Start Activity 6 – Beginner – Enhancing posts by embedding media</a></li>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/31/kick-start-activity-7-%e2%80%93-beginner-%e2%80%93-getting-more-out-of-widgets/">Kick Start Activity 7 – Beginner – Getting more out of widgets</a></li>
<li><a href="http://teacherchallenge.edublogs.org/2011/02/03/kick-start-activity-8-building-readership-and-blogrolls/">Kick Start Activity 8 – Beginner – Building readership and blogrolls</a></li>
</ol>
<p>Our current Teacher Challenge is <em><a href="http://teacherchallenge.edublogs.org/category/30-days-to-get-your-students-blogging/">30 days to get your students blogging</a></em></p>
<h3>Kick Start Activity 5 – Beginner – Enhancing posts with images</h3>
<p>A picture tells a thousand words.</p>
<p>Effective use of images grab your readers attention and encourage them to read your posts.</p>
<p>While a copyrighted image can grab the attention of the person whose copyright you&#8217;ve broken &#8212; and cause you considerable pain <img src='http://theedublogger.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p><strong>In this fifth activity you will:</strong></p>
<ol>
<li>Be introduced to copyright</li>
<li>Learn about using Creative Commons images in posts</li>
<li>Find Creative commons images and add them to a blog post</li>
<li>Learn about uploading photos from digital cameras</li>
<li>Learn about other way of creating your own images</li>
<li>Write a blog post that includes images</li>
<li>Visit the Discussion question for activity five</li>
<li>Complete the extension activity (if you have time).</li>
</ol>
<h3>Step 1: Introduction to Copyright and using Images in posts</h3>
<p>You can&#8217;t just use any image you like in a blog post.</p>
<p>Why?  Because unless stated otherwise the law automatically grants full “copyright” over any creative work a person makes.</p>
<p>And if you&#8217;re thinking Fair Use Laws.  Forget it!</p>
<p>It&#8217;s only really applicable in USA and won&#8217;t protect you from the rage that can be unleashed by someone whose copyright has been broken.</p>
<p>So what&#8217;s the solution?</p>
<ol>
<li>Use Creative Commons images</li>
<li>Use your own photos</li>
<li>Create your own images using a range of different tools</li>
</ol>
<h3>Step 2:  Using Creative Commons Images in posts</h3>
<p>Creative Commons images are the safest way to source images online for blog posts.</p>
<p><strong>Introduction to Creative Commons</strong></p>
<p><a href="http://creativecommons.org/">Creative Commons</a>, founded in 2001, is an organization which provides free content license known as a creative commons license that people can apply to their work.</p>
<p>When you license your work with creative commons, you are giving people the permission to use it without having to ask permission, provided they use it in the manner stated in your creative commons license.</p>
<p>The reason people use creative commons licenses is to make it easier for everyone to share and adapt creative work without the concern of copyright infringement.</p>
<p>Creative commons licenses are used for books, websites, blogs, photographs, films, videos, songs and other audio &amp; visual recordings.</p>
<p>And for those that are wondering, unless a blogger includes a Creative Commons license, all content on that blog is automatically the copyright of the blogger.</p>
<p><strong>Creative Commons images and Flickr</strong></p>
<p>One of the most common sources of Creative Commons images used by bloggers is <a href="http://www.flickr.com/">Flickr</a> (an online photo sharing website).</p>
<p>Unfortunately many assume Flickr images are licensed under creative commons and allowed to be used.</p>
<p>This isn’t the case; images marked as <strong>“All Rights Reserved”</strong> are copyrighted and require permission from their creator.</p>
<p>Images marked as <strong>“Some Rights Reserved”</strong> means a creative commons license applies.</p>
<p>If you look at images directly on <a href="http://www.flickr.com/">Flickr</a> always check to see which license applies to ensure you only use the image in the manner specified by the license.</p>
<p><img class="alignnone size-full wp-image-594" title="Checking the license on Flickr" src="http://teacherchallenge.edublogs.org/files/2011/01/flickrlicense-ql53jq.jpg" alt="Checking the license on Flickr" width="450" height="434" /></p>
<p>Here&#8217;s a summary of what the Creative Commons license&#8217;s mean on Flickr:</p>
<p><img class="alignnone size-full wp-image-625" title="Summary of Creative Commons licenses" src="http://teacherchallenge.edublogs.org/files/2011/01/creativecommons1-1ditcno.jpg" alt="Summary of Creative Commons licenses" width="453" height="626" /></p>
<p><strong>Creative Commons and Image attribution</strong></p>
<p>It’s a requirement of all Creative Commons Licenses that you attribute the original author.  This means you can’t just use a creative commons image without acknowledging the person who originally created it.</p>
<p>Within or at the end your blog post you must attribute the image and you must link the photo back to it&#8217;s original photo page.  We&#8217;ll show you how to do this soon!</p>
<h3><strong>Step 3: Finding Creative commons images and adding them to a blog post</strong></h3>
<p>There are several online tools that make searching <a href="http://www.flickr.com/creativecommons/">Creative Commons Flickr photos</a> less time consuming.</p>
<p>Here&#8217;s a couple of quick options:</p>
<ol>
<li><a href="http://www.compfight.com/">Compfight</a></li>
<li><a href="http://flickrcc.bluemountains.net/index.php">FlickrCC</a></li>
<li><a href="http://wylio.com/">Wylio.com</a></li>
</ol>
<p>Other sources of Creative Commons images include:</p>
<ol>
<li><a href="http://commons.wikimedia.org/">Wikimedia Commons</a></li>
<li><a href="http://search.creativecommons.org/">Search by Creative Commons</a></li>
</ol>
<p><strong>Here&#8217;s how to search and add images to posts using Compfight</strong></p>
<p>1.  Go to <a href="http://www.compfight.com/">Compfight</a></p>
<p>2.  Change to Creative Commons only, choose whether to search tags or text, add your search term and click Search.</p>
<p><img class="alignnone size-full wp-image-601" title="Change your Compfight settings" src="http://teacherchallenge.edublogs.org/files/2011/01/compfight-104vc4u.jpg" alt="Change your Compfight settings" width="450" height="74" /></p>
<p>3.  Scan through the search results and click on the Photo you like so that you can view it on its photo page on Flickr.</p>
<p><img class="alignnone size-full wp-image-617" title="Flickr photo page" src="http://teacherchallenge.edublogs.org/files/2011/01/flickr41-1un1ngx.jpg" alt="Flickr photo page" width="454" height="644" /></p>
<p>4.  Scroll down right hand side of photo page to view License.</p>
<p>5.  Hold your Ctrl key and left mouse click on &#8220;<strong>Some Rights Reserved</strong>&#8221; to open up the license on a new browser tab to read terms of its license on Creative Commons.</p>
<ul>
<li>Only use if license is applicable for your situation.</li>
</ul>
<p><img class="alignnone size-full wp-image-618" title="Checking the license" src="http://teacherchallenge.edublogs.org/files/2011/01/flickr42-2d21x6n.jpg" alt="Checking the license" width="450" height="502" /></p>
<p>6.  Now select <strong>View All Sizes</strong> from the drop down Action list and select the size of the photo you want to use.</p>
<p><img class="alignnone size-full wp-image-620" title="View all Flickr Photo sizes" src="http://teacherchallenge.edublogs.org/files/2011/01/flickr43-29eyh0d.jpg" alt="View all Flickr Photo sizes" width="449" height="587" /></p>
<p>7.  Right click on Image and select Copy Image Location or Copy Image URL (depends on what web browser you are using).</p>
<p><img class="alignnone size-full wp-image-621" title="Copy Image URL" src="http://teacherchallenge.edublogs.org/files/2011/01/flickr44-1euyfkw.jpg" alt="Copy Image URL" width="450" height="301" /></p>
<p>8.  Now go to the post you are writing inside your dashboard and click on <strong>Add an Image</strong> icon</p>
<p><img style="margin: 5px;" src="http://help.edublogs.org/files/2009/07/addicon.jpg" alt="" width="646" height="62" /></p>
<p>9   In the Add an Image window click on the<strong> From URL</strong> tab<br />
10.  Add the image URL, image title, select the image alignment, add the URL of its Flickr photo page to the Link Image URL field and then click <strong>Insert Into Post</strong></p>
<ul>
<li>In this example the URL of its Flickr photo page is <a href="http://www.flickr.com/photos/53611153@N00/309709280/">http://www.flickr.com/photos/53611153@N00/309709280/</a></li>
<li>You link to its Flickr photo page as it is a requirement of Flickr&#8217;s conditions of use and so that if any one clicks on the photo they can view the original source of the image.</li>
</ul>
<p><img class="alignnone size-full wp-image-622" title="Adding an image from Flickr to a post" src="http://teacherchallenge.edublogs.org/files/2011/01/flickr45-19oww3c.jpg" alt="Adding an image from Flickr to a post" width="450" height="446" /></p>
<p>11.  Add the photo attribution either below the photo or at the end of your blog post.</p>
<ul>
<li>It’s a requirement of all Creative Commons Licenses that you attribute the original author.</li>
<li>This means you can’t just use a creative commons image without acknowledging the person who originally created it.</li>
<li>The text below this photo is are examples of how you can attribute an image &#8212; look closely at what websites the attributions links to!</li>
</ul>
<p><a href="http://www.flickr.com/photos/53611153@N00/309709280/"><img class="alignnone" title="A piggy in the middle by Darwin Bell" src="http://farm1.static.flickr.com/122/309709280_61f8807d74.jpg" alt="" width="500" height="427" /></a></p>
<p><strong>Example 1:</strong></p>
<p>Photo by <a href="http://www.flickr.com/photos/53611153@N00/309709280/">Darwin Bell</a> licensed under <a href="http://creativecommons.org/licenses/by/2.0/">Creative Commons Attribution 2.0 Generic</a>.</p>
<p><strong>Example 2:</strong></p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 5672px; width: 1px; height: 1px; overflow: hidden;">Original image: ‘swinger_girl_01b‘</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 5672px; width: 1px; height: 1px; overflow: hidden;">http://www.flickr.com/photos/82546262@N00/205492421</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 5672px; width: 1px; height: 1px; overflow: hidden;">Released under an Attribution-NonCommercial-ShareAlike License</div>
<p>Original image: ‘<a href="http://www.flickr.com/photos/53611153@N00/309709280/">a piggy in the middle</a>‘</p>
<p><a href="http://www.flickr.com/photos/53611153@N00/309709280/"><img src="http://farm1.static.flickr.com/122/309709280_61f8807d74_m.jpg" alt="a piggy in the middle" width="240" height="205" /></a></p>
<p>Released under a <a href="http://creativecommons.org/licenses/by/2.0/">Creative Commons Attribution 2.0 Generic</a> License</p>
<p><strong>Please note:</strong></p>
<ul>
<li>Some School Districts block Flickr</li>
<li>In these types of  situations you&#8217;ll need to download the photo onto your computer and then upload it to your blog post.</li>
</ul>
<h3>Step 4: Uploading photos from digital cameras</h3>
<p>Our digital cameras are designed for printing good quality photos and not for uploading directly into blog posts.</p>
<p>A photo from a digital camera can be as large as 2.4 MB, it&#8217;ll unnecessarily use up your blog storage space and take longer to load your image compared to an image that is resized before uploading.</p>
<p>It&#8217;s really important to resize them before uploading to your blog post.</p>
<p><strong>The best option is to resize the photo to:</strong></p>
<ol>
<li>450 pixels wide &#8211; if you want it to take up the full width of your post area</li>
<li>150-200 pixels &#8211; to left or right align the image with wrapped text</li>
</ol>
<p><strong>Here&#8217;s some tools you can use to resize your photos:</strong></p>
<ol>
<li><a href="http://www.irfanview.com/">InfraView</a> &#8211; here&#8217;s how you do <a href="http://liferay.unl.edu/c/document_library/get_file?uuid=9b10808c-3d2a-4458-9567-f6a9948cc869&amp;groupId=855514&amp;.pdf">basic image editing using irfanView</a></li>
<li><a href="http://picasa.google.com/">Picasa</a> &#8211; here&#8217;s instructions on <a href="http://www.latech.edu/tech/rural/website%20project/web_tutorial/articles/resize_pictures_picasa.html">resizing your photos using Picasa</a></li>
<li>Picture Manager &#8211; here&#8217;s <a href="http://oak.ucc.nau.edu/sew29/CTE_486/Files/All_About_Images/Microsoft%20Office%20Picture%20ManagerNAU.pdf">detailed instructions on how to use Picture Manager</a></li>
<li><a href="http://bluefive.pair.com/pixresizer.htm">PIXresizer</a> &#8211; Here&#8217;s <a href="http://www.its.uidaho.edu/default.aspx?pid=87210">instructions for resizing images using PIXresizer</a>.</li>
<li>iPhoto</li>
</ol>
<p><strong>Now your photo is resized uploading into your blog post is as simple as:</strong></p>
<p>1.  Click on <strong>Add an Image</strong> icon</p>
<p><img style="margin: 5px;" src="http://help.edublogs.org/files/2009/07/addicon.jpg" alt="" width="646" height="62" /></p>
<p>2.  In the Add an Image window click on the<strong> Select Files</strong> button</p>
<p><img style="margin: 5px;" src="http://help.edublogs.org/files/2009/07/addimage.jpg" alt="" width="650" height="170" /></p>
<p>3.  Locate the images on your hard drive (use your Shift or Crtl key to select more than one image).</p>
<p>4.  Click <strong>Open</strong> to start uploading the images.</p>
<p><img style="margin: 5px;" src="http://help.edublogs.org/files/2009/07/openimage.jpg" alt="" width="650" height="276" /><br />
5. While your images are uploading you will see a progress bar.</p>
<ul>
<li>If you upload more than one image you will need to click on the <strong>Show </strong>link to edit the image details and insert an image into a post (see below for instructions for inserting a photo gallery).</li>
</ul>
<p><img style="margin: 5px;" src="http://help.edublogs.org/files/2009/07/showimage.jpg" alt="" width="650" height="233" /></p>
<p>6.  In the image option screen you need to (see below for more details on each of these option):</p>
<ul>
<li>type a title for the image</li>
<li>choose how you want the image align (None, Left, Center or Right)</li>
<li>select size of image you want to insert (Thumbnail, Medium, Large or Full Size)</li>
<li>and then click<strong> Insert into Post</strong></li>
</ul>
<p><img style="margin: 5px;" src="http://help.edublogs.org/files/2009/07/insertpost.jpg" alt="" width="650" height="294" /></p>
<p>7.  Your <strong>Add an Image</strong> window should be closed and your image should now be inserted in your post.</p>
<h3>Step 5:  Other ways of creating your own images</h3>
<p>Other options for creating your own images include:</p>
<ol>
<li>Image Generators such as <a href="http://www.imagegenerator.org/">ImageGenerator.org</a></li>
<li>Comic Generators like <a href="http://www.makebeliefscomix.com/">MakeBeliefsComix.com</a>,  <a href="http://www.kerpoof.com/">kerpoof</a>, <a href="http://www.toondoo.com/">ToonDoo</a></li>
<li>Photo Editors like <a href="http://www.befunky.com/">Befunky</a>, <a href="http://bighugelabs.com/">fd&#8217;s Flickr Tools</a></li>
<li>Tag Cloud Creators such as <a href="http://www.wordle.net/">Wordle</a></li>
<li>Graph Creators including <a href="http://graphjam.com/">GraphJam</a> and <a href="http://crappygraphs.com/">Crappy Graphs</a></li>
</ol>
<p>Mixing up your images using these types of tools can really spice up your posts!</p>
<p>We hope you have fun trying some of them out!</p>
<h3>Step 6:  Write a blog post that includes images</h3>
<p>Now we&#8217;ve talked about images it&#8217;s time for you to show us your skills by writing a blog post that includes images.</p>
<p>Here’s some ideas of what you might like to write about:</p>
<ol style="list-style-type: decimal; margin-bottom: 24px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-left: 0px;">
<li style="margin-bottom: 5px; margin-left: 40px; padding-left: 0px; list-style-type: decimal;">Share what you have learnt about Creative Commons and finding Creative Commons images.  Tell us about your favorite sources of Creative Commons images.</li>
<li style="margin-bottom: 5px; margin-left: 40px; padding-left: 0px; list-style-type: decimal;">Share your tips of creating your own images.</li>
<li style="margin-bottom: 5px; margin-left: 40px; padding-left: 0px; list-style-type: decimal;">Write a review on ways of creating your own images using a range of different types of tools.</li>
<li style="margin-bottom: 5px; margin-left: 40px; padding-left: 0px; list-style-type: decimal;">What you&#8217;ve learnt from watching how other bloggers use images in their blog posts.</li>
</ol>
<p>Don&#8217;t forget to include images in your blog post!</p>
<p>And remember to leave a comment with a link to your post so we can drop past to check it out!  We like to include these links to your posts in our weekly reviews!</p>
<h3>Step 7:  Visit the <a href="http://conversations.edublogs.org/2011/01/23/dq-5-kick-start-your-blogging-using-images/" target="_blank">Discussion question</a> for activity five</h3>
<h3>Step 8: Extension Activity  &#8211; the WOW! factor</h3>
<p>Add a photo of your own to <a href="http://www.befunky.com">befunky</a> or irfanview, use as many of their editing features as possible to change the look of your image completely and give it the &#8216;Wow&#8217; factor ie the audience who looks at this image would just say &#8216;&#8221;Wow&#8217;! How did you do that?&#8221;.</p>
<p>Add it to your post and explain what software and features were used.</p>
<h3>Final Thoughts</h3>
<p>Some readers have commented that blogging in another location is making it harder for them to find my posts.   Would love to hear your thoughts?</p>
<p>Would you like us to be cross-posting the posts from the <a href="http://teacherchallenge.edublogs.org/">Teacher Challenge blog</a> onto <a href="http://theedublogger.com/">The Edublogger</a>?  Would that make it easier?</p>
<p>If you are enjoying reading this blog, please consider <a title="Subscribe to my feed" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="feed-icon32x32 Finding and Adding Creative Commons Images To Your  Blog Posts" /></a><a title="Subscribe to my feed" rel="alternate" href="http://feeds2.feedburner.com/TheEdublogger">Subscribing For Free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2011/02/27/everything-you-should-know-about-enhancing-posts-with-images/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Teaching students about Creative Commons and appropriate use of images</title>
		<link>http://theedublogger.com/2010/09/16/teaching-students-about-creative-commons-and-appropriate-use-of-images/</link>
		<comments>http://theedublogger.com/2010/09/16/teaching-students-about-creative-commons-and-appropriate-use-of-images/#comments</comments>
		<pubDate>Thu, 16 Sep 2010 13:21:01 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Creative Commons]]></category>
		<category><![CDATA[images]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=2410</guid>
		<description><![CDATA[Kathleen McGeady has shared some great advice on teaching students about on appopriate use of images and has given me permission to cross post it here. What inspires me about her post is her attitude that there are important skills &#8230; <a href="http://theedublogger.com/2010/09/16/teaching-students-about-creative-commons-and-appropriate-use-of-images/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://primarytech.globalteacher.org.au/">Kathleen McGeady</a> has shared some great advice on <a href="http://primarytech.globalteacher.org.au/2010/09/16/student-blogging-and-internet-images/">teaching students about on appopriate use of images</a> and has given me permission to cross post it here.<a title="Read Student Blogging and Internet Images" rel="bookmark" href="http://primarytech.globalteacher.org.au/2010/09/16/student-blogging-and-internet-images/"><br />
</a></p>
<p>What inspires me about <a href="http://primarytech.globalteacher.org.au/2010/09/16/student-blogging-and-internet-images/">her post</a> is her attitude that there are important skills everyone needs to learn and you&#8217;re never too young to learn them.</p>
<p><strong>Please note:</strong></p>
<ul><a href="http://primarytech.globalteacher.org.au/"><img alt="" src="http://theedublogger.com/files/2010/02/mcgeady21.jpg" title="Kathleen McGeady" class="alignright" width="100" height="140" /></a></p>
<li><em>This was post written by our guest blogger <a href="http://primarytech.globalteacher.org.au/">Kathleen McGeady</a>.  </li>
<li>It was originally posted on <a href="http://primarytech.globalteacher.org.au/">Integrating Technology in the Primary Classroom</a> and has been <a href="http://primarytech.globalteacher.org.au/2010/09/16/student-blogging-and-internet-images/">cross posted</a> with her permission.</li>
<p></em></ul>
<h3>The background</h3>
<p><a href="http://2kmblog.globalstudent.org.au/"><img class="alignright size-full wp-image-2420" title="2M class blog" src="http://theedublogger.com/files/2010/09/2km21.jpg" alt="2M class blog" width="250" height="367" /></a>A few weeks ago I set up blogs for two of my most enthusiastic student bloggers, Rhiannon and Bianca.</p>
<p>I chose these students as they regularly left comments on our 2KM class blog and were committed to learning as much as they can about blogging.</p>
<p>After gaining their parents&#8217; permission, I set their blogs up, adding myself as an administrator.</p>
<p>I had a discussion with Rhiannon and Bianca about what they&#8217;re going to blog about and how often they&#8217;ll post.</p>
<p>We then revised the features of quality posts as well as revising the cyber safety and netiquette guidelines they were already familiar with.</p>
<p>After some initial familiarisation sessions my students were off and it didn&#8217;t take them long to learn the basics of blogging.</p>
<p><strong>Check out:</strong></p>
<ol>
<li><a href="http://rhiannonb.globalstudent.org.au/">Rhiannon&#8217;s blog</a></li>
<li><a href="http://biancasblog.globalstudent.org.au/">Bianca&#8217;s blog</a></li>
</ol>
<p>Before long, my students were keen to use images off the internet to enhance their posts.</p>
<p><a href="http://biancasblog.globalstudent.org.au/2010/09/15/the-olympic-games/"><img class="alignright size-full wp-image-2424" title="Example of post with image" src="http://theedublogger.com/files/2010/09/exampleimage251.jpg" alt="Example of post with image" width="250" height="198" /></a>This was a dilemma for me.</p>
<p>While my students are only in Grade Two and I don&#8217;t want to make blogging too complex for them, I knew that I would have to delve into the topic of copyright and Creative Commons to help my students develop good blogging habits.</p>
<p>Little do many people know, you can&#8217;t just use any images off the internet in your blog posts. Not only is this ethically incorrect but you could leave yourself open to copyright infringement.</p>
<h3>Explaining Creative Commons and using images in blog posts</h3>
<p>Wanting to make this process clear to my students, I typed up a document explaining copyright, copyright infringement and Creative Commons while also offering step-by-step instructions on how to use FlickrCC to upload and attribute images in blog posts.</p>
<p>Obviously, there is more than one way to do this but given the age of my students, I wanted to keep things as straightforward as posssible.</p>
<p>I&#8217;ve embedded <a href="http://embedit.in/7By7ucJrJN.swf">this document</a> below:</p>
<p><embed src="http://embedit.in/7By7ucJrJN.swf" height="400" width="466" type="application/x-shockwave-flash" allowFullScreen="true"></p>
<p>Feel free to use it with your students to teach them about these important blogging habits<strong>. </strong> (Please Note:  the instructions for uploading the image to a blog post apply to <a href="http://edublogs.org/">Edublogs blogs</a>)</p>
<h3>My approach to Student blogging</h3>
<p>One of the things I love about teaching seven and eight year olds is that I can teach them about issues such as copyright, cyber safety, netiquette, social networking etc just before they reach the age where they would dive into these areas, prepared or not.</p>
<p>I feel like I can make an impact in setting my students on the right path for their futures.</p>
<p>I am constantly amazed at how my students respond when I challenge them and engage them with ICT and their results across the board never fail to impress me.</p>
<p>Set your standards high, provide the structure and the support that your students need to scaffold their learning and reap the rewards!</p>
<h3>Final Thoughts</h3>
<p>Thanks Kathleen for letting me share your post here.</p>
<p>Pleae make sure you drop past <a href="http://primarytech.globalteacher.org.au/2010/09/16/student-blogging-and-internet-images/">Kathleen&#8217;s post</a> and share your thoughts on:</p>
<ol>
<li>Will the how-to document be useful for you and your students?</li>
<li>Do you have any questions about blogging or using internet images?</li>
<li>What results have you seen from using ICT and setting high standards for your students?</li>
</ol>
<p>If you are enjoying reading this blog, please consider <a title="Subscribe to my feed" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="feed-icon32x32 Finding and Adding Creative Commons Images To Your   Blog Posts" /></a><a title="Subscribe to my feed" rel="alternate" href="http://feeds2.feedburner.com/TheEdublogger">Subscribing For Free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2010/09/16/teaching-students-about-creative-commons-and-appropriate-use-of-images/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>How To NOT Have Problems Uploading Photos And Using Up Storage Space</title>
		<link>http://theedublogger.com/2010/03/28/how-to-not-have-problems-uploading-photos-and-using-up-storage-space/</link>
		<comments>http://theedublogger.com/2010/03/28/how-to-not-have-problems-uploading-photos-and-using-up-storage-space/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 15:36:32 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[digital camera]]></category>
		<category><![CDATA[resizing photos]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=1839</guid>
		<description><![CDATA[Photos from digital cameras should always be resized to optimize their file size before uploading them to your blog. Why?  Our digital cameras are designed to produce good quality photos for printing but aren&#8217;t optimal size for the web. Reasons &#8230; <a href="http://theedublogger.com/2010/03/28/how-to-not-have-problems-uploading-photos-and-using-up-storage-space/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-1840" title="Digital Camera" src="http://theedublogger.com/files/2010/03/camera11.jpg" alt="Digital Camera" width="155" height="120" />Photos from digital cameras should always be resized to optimize their file size before uploading them to your blog.</p>
<p>Why?  Our digital cameras are designed to produce good quality photos for printing but aren&#8217;t optimal size for the web.</p>
<h3>Reasons To Optimize Photo Size</h3>
<p>Optimizing the file size of your photos before uploading to a post does three things:</p>
<ol>
<li>It means your photos upload quicker (and easier).</li>
<li>Your pages load faster for visitors to your blog.</li>
<li>You can upload more photo &#8212; lots of photo uploaded without resizing can quickly use up storage space before you know it!</li>
</ol>
<p>Making an image smaller once you&#8217;ve uploaded it to a post doesn&#8217;t make  the file  size smaller.</p>
<p>If you don&#8217;t believe me &#8212; right click on both of the photos below and select Properties (for Internet Explorer) or View Image Info (for FireFox) to check their image size.</p>
<p><strong>Here&#8217;s the original photo</strong></p>
<p>Around 2.6 MB in size!</p>
<p><a href="http://theedublogger.com/files/2010/03/originalcroc.jpg"><img class="alignnone size-full wp-image-1841" title="Original photo without resizing it" src="http://theedublogger.com/files/2010/03/originalcroc.jpg" alt="Original photo without resizing it" width="450" height="337" /></a></p>
<p><strong>Below is the same photo resized to 450 pixels wide</strong></p>
<p>Now 162 KB!</p>
<p><a href="http://theedublogger.com/files/2010/03/optimcroc.jpg"><img class="alignnone size-full wp-image-1845" title="Photo of crocodile resized to 450 pixels before uploading" src="http://theedublogger.com/files/2010/03/optimcroc.jpg" alt="Photo of crocodile resized to 450 pixels before uploading" width="450" height="337" /></a></p>
<p>There&#8217;s no real difference!</p>
<p>But the bottom photo still looks good online and is 16% of the original size.</p>
<h3>How To Optimize Image Size</h3>
<p>The simplest option is to resize your photo to a width that works well with your theme using either:</p>
<p>1.  On A Mac use Preview and save as a JPEG with quality at or below middle (<a href="http://theedublogger.com/2010/03/28/how-to-not-have-problems-uploading-photos-and-using-up-storage-space/#comments">tip courtesy</a> of <a href="http://cogdogblog.com/">Alan Levine</a>). </p>
<p>2. <strong> Picture Manager </strong>(PC) &#8211; Microsoft Office &gt; Microsoft Office Tools</p>
<div style="width:425px" id="__ss_3108908"><strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/elanguages/how-to-resize-photographs-in-picture-manager" title="How to re-size photographs in Picture Manager">How to re-size photographs in Picture Manager</a></strong><object width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=cuserschrisdesktoppicturemanager-100208194600-phpapp01&#038;stripped_title=how-to-resize-photographs-in-picture-manager" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=cuserschrisdesktoppicturemanager-100208194600-phpapp01&#038;stripped_title=how-to-resize-photographs-in-picture-manager" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="padding:5px 0 12px">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/elanguages">Chris Swift</a>.</div>
</div>
<p><strong>Ideal image size for common themes is 450 pixels wide.</strong></p>
<p>If you are enjoying reading this blog, please consider <a title="Subscribe to my feed" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="feed-icon32x32 Finding and Adding Creative Commons Images To Your    Blog Posts" /></a><a title="Subscribe to my feed" rel="alternate" href="http://feeds2.feedburner.com/TheEdublogger">Subscribing For Free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2010/03/28/how-to-not-have-problems-uploading-photos-and-using-up-storage-space/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Here&#8217;s My CHEATS Method For Adding Images to Blog Sidebars</title>
		<link>http://theedublogger.com/2010/03/23/heres-my-cheats-method-for-adding-images-to-blog-sidebars/</link>
		<comments>http://theedublogger.com/2010/03/23/heres-my-cheats-method-for-adding-images-to-blog-sidebars/#comments</comments>
		<pubDate>Tue, 23 Mar 2010 09:53:46 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Setting Up & Using Widgets]]></category>
		<category><![CDATA[image in text widgets]]></category>
		<category><![CDATA[text widget]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=1818</guid>
		<description><![CDATA[I&#8217;m frequently asked how to add images to blog sidebars &#8212; so I thought it would help to share my quick and easy cheats method. So what do you need to know to do this? To start with you need &#8230; <a href="http://theedublogger.com/2010/03/23/heres-my-cheats-method-for-adding-images-to-blog-sidebars/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m frequently asked how to add images to blog sidebars &#8212; so I thought it would help to share my quick and easy cheats method.</p>
<p>So what do you need to know to do this?</p>
<p>To start with you need to understand that you need to:</p>
<ol>
<li> Write HTML code which links to the location of your image</li>
<li>Add your HTML code to a text widget in your sidebar</li>
</ol>
<p>Now that I&#8217;ve said blah blah HTML code twice&#8230;you&#8217;re probably thinking that I&#8217;ve made it too hard already.</p>
<p>It&#8217;s not but I first need to explain what is HTML code and then show you it&#8217;s really easy when you know my trick <img src='http://theedublogger.com/wp-includes/images/smilies/icon_cool.gif' alt='8-)' class='wp-smiley' /> </p>
<h3>What is HTML?</h3>
<p>HTML is short for “Hyper Text Markup Language” which is a language  used to tell a browser how to organise the layout of a web page it has  downloaded from the Internet.  It influences if text is bold, italics, a  heading, bullet points.</p>
<p>When you write a post or page inside your blog dashboard you don’t  worry about how to write HTML because the Visual Editor does it for you. If you click on  the HTML tab it shows the HTML code in your text.</p>
<h3>Here&#8217;s the Trick!</h3>
<p>As I said you need to use HTML but that doesn&#8217;t mean you can&#8217;t cheat with writing the HTML code.</p>
<p>Instead use your Visual Editor to do the work for you!</p>
<p><strong>Cheating is as simple as:</strong></p>
<p>1.  Open up a draft post in your blog dashboard<br />
2.  Click on <strong>Add an Image</strong> to upload your image to the post</p>
<ul>
<li>Ideally <a href="http://theedublogger.com/2008/08/09/uploading-photos-from-digital-cameras-into-blog-posts/">resize your image</a> before uploading to 170 pixels wide because this generally the best width for most blog sidebars</li>
</ul>
<p><img class="alignnone size-full wp-image-1820" title="Add an image icon" src="http://theedublogger.com/files/2010/03/imageside42.jpg" alt="Add an image icon" width="450" height="183" /></p>
<p>3.  Insert the title for your image (this displays when a reader hovers their mouse over the image)</p>
<p>4.  Change the link URL &#8212; if you want to link your image to a website</p>
<ul>
<li>In this example, I&#8217;ve change the link so it goes to <a href="http://larryferlazzo.edublogs.org/2010/01/30/excerpt-from-my-upcoming-book-on-teaching-english-language-learners/">http://larryferlazzo.edublogs.org/2010/01/30/excerpt-from-my-upcoming-book-on-teaching-english-language-learners/</a> instead of the image URL</li>
</ul>
<p><img class="alignnone size-full wp-image-1819" title="Uploading the image and adding the required info" src="http://theedublogger.com/files/2010/03/imageside41.jpg" alt="Uploading the image and adding the required info" width="450" height="463" /></p>
<p>5.  Click on <strong>Insert into Post</strong></p>
<p>6.  If you want to add any text below your image &#8212; just write it!</p>
<p><img class="alignnone size-full wp-image-1821" title="Adding text below your image" src="http://theedublogger.com/files/2010/03/imageside43.jpg" alt="Adding text below your image" width="450" height="423" /></p>
<p>7.  Now click on the HTML tab and copy all the HTML code.</p>
<p><img class="alignnone size-full wp-image-1822" title="Code the HTML code from the HTML tab" src="http://theedublogger.com/files/2010/03/imageside44.jpg" alt="Code the HTML code from the HTML tab" width="450" height="403" /></p>
<p>8.  Go to<strong> Appearance &gt; Widgets</strong> in your blog dashboard<strong> </strong></p>
<p>9.  Click on the desired Sidebar to expand (so you can add the  widgets)  <em> </em></p>
<p><em>Please note:</em> In new blogs sidebars in your dashboard are  empty and adding widgets automatically removes the default Edublogs  widgets</p>
<p><a href="http://theedublogger.com/files/2010/01/widgetsopen41.jpg"><img title="Expand your sidebar  area" src="http://theedublogger.com/files/2010/01/widgetsopen41.jpg" alt="Expand your sidebar area" width="450" height="172" /></a></p>
<p>10.  Add a text widget to the desired sidebar by dragging it from the <strong>Available  Widgets</strong> on the left  into the Sidebar area on the right.</p>
<p><a href="http://theedublogger.com/files/2010/01/flagcounter45.jpg"><img title="Adding a text widget  to your sidebar" src="http://theedublogger.com/files/2010/01/flagcounter45.jpg" alt="Adding a text widget to your sidebar" width="450" height="170" /></a></p>
<p>11.  The widget will automatically open — add a title to your widget, paste the HTML code and click <strong>Save</strong></p>
<ul>
<li>If you want to insert lines for better text spacing you need to add the HTML code &lt;br/ &gt; (means insert line break)</li>
</ul>
<p>12.  When you check your blog you should now see it nicely displayed in your sidebar!</p>
<ul>
<li>Belows what it looks like in <a title="Larry Ferlazzo’s  Websites of the Day…" href="http://larryferlazzo.edublogs.org/">Larry Ferlazzo’s Websites of the Day…</a> right sidebar</li>
<li>If you check it out on <a href="http://larryferlazzo.edublogs.org/">his blog </a>you&#8217;ll see that hovering over the image displays the image title and clicking on the image takes you to the post on the book</li>
</ul>
<p><img class="alignnone size-full wp-image-1825" title="Image in blog sidebar" src="http://theedublogger.com/files/2010/03/imageside46.jpg" alt="Image in blog sidebar" width="450" height="453" /></p>
<p>Enjoy!</p>
<p>P.S. Don&#8217;t share this tip with <a title="Larry Ferlazzo’s  Websites of the Day…" href="http://larryferlazzo.edublogs.org/">Larry Ferlazzo</a> as he pays me in chocolate for each image I add to his blog sidebar <img src='http://theedublogger.com/wp-includes/images/smilies/icon_cool.gif' alt='8-)' class='wp-smiley' /> </p>
<p>If you are enjoying reading this blog, please consider <a title="Subscribe to my feed" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="feed-icon32x32 Finding and Adding Creative Commons Images To Your   Blog Posts" /></a><a title="Subscribe to my feed" rel="alternate" href="http://feeds2.feedburner.com/TheEdublogger">Subscribing For Free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2010/03/23/heres-my-cheats-method-for-adding-images-to-blog-sidebars/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>Want A Comment Avatar That&#8217;s Globally Recognised By Most Blog Platforms?  Here&#8217;s How!</title>
		<link>http://theedublogger.com/2009/12/05/want-a-comment-avatar-thats-globally-recognised-by-most-blog-platforms-heres-how/</link>
		<comments>http://theedublogger.com/2009/12/05/want-a-comment-avatar-thats-globally-recognised-by-most-blog-platforms-heres-how/#comments</comments>
		<pubDate>Sun, 06 Dec 2009 02:45:25 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Tips For Better Blogging]]></category>
		<category><![CDATA[Using Blogs With Students]]></category>
		<category><![CDATA[Avatar]]></category>
		<category><![CDATA[Comment avatar]]></category>
		<category><![CDATA[Gravatar]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=1175</guid>
		<description><![CDATA[I confess!  I hate default avatars next to my comments on other bloggers posts. It makes me feel both naked and like a newblie I&#8217;m know I&#8217;m not the only one.  The solution is simple &#8212; set up a Gravatar &#8230; <a href="http://theedublogger.com/2009/12/05/want-a-comment-avatar-thats-globally-recognised-by-most-blog-platforms-heres-how/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-1176" title="Default comment avatar" src="http://theedublogger.com/files/2009/12/commentavatars1.jpg" alt="Default comment avatar" width="211" height="137" />I confess!  I hate default avatars next to my comments on other bloggers posts.</p>
<p>It makes me feel both naked and like a newblie <img src='http://theedublogger.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /> </p>
<p>I&#8217;m know I&#8217;m not the only one.  The solution is simple &#8212; set up a Gravatar account!</p>
<h3>About Gravatar</h3>
<p><a href="http://en.gravatar.com/">Gravatar</a> is a service that provides globally unique avatars.</p>
<p>Most standard blogging platforms support Gravatar.  So when you go from site to site leaving comments your gravatar image automatically displays &#8211;provided the email address associated with your Gravatar&#8217;s account is used.</p>
<p><strong>Here&#8217;s how simple it is:</strong></p>
<ol>
<li>Go to <a href="http://en.gravatar.com/">Gravatar</a> and click on <strong>Get your Gravatar today!</strong></li>
<li>Enter your email address and click<strong> Signup  <img class="alignnone size-full wp-image-1181" title="Signing up for a Gravatar" src="http://theedublogger.com/files/2009/12/gravatarsignup.jpg" alt="Signing up for a Gravatar" width="450" height="150" /></strong></li>
<li>Go to your email account and click on the link in your gravatar confirmation email to activate your account. <img class="alignnone size-full wp-image-1182" title="Email sent from gravatar" src="http://theedublogger.com/files/2009/12/gravataremail.jpg" alt="Email sent from gravatar" width="450" height="288" /></li>
<li> Now follow the instructions to set your username and password. <img class="alignnone size-full wp-image-1183" title="Setting up your gravatar username and password" src="http://theedublogger.com/files/2009/12/gravatar1.jpg" alt="Setting up your gravatar username and password" width="450" height="274" /></li>
<li>Next upload your image by clicking on <strong>Add one by clicking here!</strong> <img class="alignnone size-full wp-image-1184" title="Uploading an image to Gravatar" src="http://theedublogger.com/files/2009/12/gravatar2.jpg" alt="Uploading an image to Gravatar" width="450" height="151" /></li>
<li>Choose where you&#8217;d like to get the image from &#8211; for best results ideal image size for upload is 80 x 80 pixels</li>
<li>Once uploaded click on<strong> Crop and Finish </strong><img class="alignnone size-full wp-image-1185" title="Cropping avatar image" src="http://theedublogger.com/files/2009/12/gravatar5.jpg" alt="Cropping avatar image" width="450" height="237" /></li>
<li>Click on <strong>G Rated </strong>as many sites only support displaying avatars with a rating of G.<strong> </strong><img class="alignnone size-full wp-image-1186" title="gravatar4" src="http://theedublogger.com/files/2009/12/gravatar4.jpg" alt="gravatar4" width="450" height="142" /></li>
</ol>
<p>Presto!</p>
<p>Now whenever you leave a comment on a blog that supports gravatar (such as Edublogs.org, any Edublogs Campus site, WordPress.com, WordPress.org) your avatar image will automatically display next to your comment!</p>
<h3>FINAL THOUGHTS</h3>
<ul>
<li>If you are changing your avatar, it can take a few hours for caches to clear. Try clearing your browser’s cache by holding the Ctrl key and pressing F5, which will help.</li>
<li>Check out <a title="Creating And Uploading Your Comment Avatar" rel="bookmark" href="http://theedublogger.com/2009/11/29/creating-and-uploading-your-comment-avatar/">Creating And Uploading Your Comment Avatar</a> &#8211; for online tools you can use for creating your avatar image<a title="Creating And Uploading Your Comment Avatar" rel="bookmark" href="http://theedublogger.com/2009/11/29/creating-and-uploading-your-comment-avatar/"><br />
</a></li>
</ul>
<p>If you are enjoying reading this blog, please consider <a title="Subscribe to my feed" onclick="javascript:urchinTracker ('/outbound/article/feeds.feedburner.com');" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="" /></a><a title="Subscribe to my feed" onclick="javascript:urchinTracker ('/outbound/article/feeds.feedburner.com');" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger">Subscribing For Free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2009/12/05/want-a-comment-avatar-thats-globally-recognised-by-most-blog-platforms-heres-how/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Is a picture always worth a thousand words?</title>
		<link>http://theedublogger.com/2009/06/18/is-a-picture-always-worth-a-thousand-words/</link>
		<comments>http://theedublogger.com/2009/06/18/is-a-picture-always-worth-a-thousand-words/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 08:49:17 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Using Blogs With Students]]></category>
		<category><![CDATA[image]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=712</guid>
		<description><![CDATA[What&#8217;s wrong with this picture? Spotted it yet? Yes, I know we&#8217;ve had similar conversations but some conversations NEED to be continuing for new educators starting their online journey. What are your thoughts on: Student photos and how much information &#8230; <a href="http://theedublogger.com/2009/06/18/is-a-picture-always-worth-a-thousand-words/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>What&#8217;s wrong with this picture?</p>
<p><img src="http://theedublogger.com/files/2009/06/pictureproblem.jpg" alt="" width="453" height="237" /></p>
<p>Spotted it yet?</p>
<p>Yes, I know we&#8217;ve had similar conversations but some conversations NEED to be continuing for new educators starting their online journey.</p>
<h3>What are your thoughts on:</h3>
<ol>
<li>Student photos and how much information is appropriate to use with photos?</li>
<li>What else do educators need to consider when starting to blog with their students?</li>
</ol>
<p>If you are enjoying reading this blog, please consider <a title="Subscribe to my feed" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="feed-icon32x32 Finding and Adding Creative Commons Images To Your Blog Posts" /></a><a title="Subscribe to my feed" rel="alternate" href="http://feeds2.feedburner.com/TheEdublogger">Subscribing For Free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2009/06/18/is-a-picture-always-worth-a-thousand-words/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>The Edublogger&#8217;s Student Competition!</title>
		<link>http://theedublogger.com/2009/03/27/the-student-blogging-challenge-celebration/</link>
		<comments>http://theedublogger.com/2009/03/27/the-student-blogging-challenge-celebration/#comments</comments>
		<pubDate>Fri, 27 Mar 2009 08:32:55 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Latest News & Updates]]></category>
		<category><![CDATA[Setting Up & Using Widgets]]></category>
		<category><![CDATA[Using Blogs With Students]]></category>
		<category><![CDATA[Edublogs supporter]]></category>
		<category><![CDATA[student blogging]]></category>
		<category><![CDATA[student blogging challenge]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=626</guid>
		<description><![CDATA[The 2009 Student Blogging Challenge is now nearly half way through and the students have been working REALLY hard on the weekly challenges!  Currently 52 class blogs and 150 individual students blogs from 13 different countries are participating. To celebrate &#8230; <a href="http://theedublogger.com/2009/03/27/the-student-blogging-challenge-celebration/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://wyatt67.edublogs.org/2009/01/18/a-new-year-means-a-new-challenge/">2009 Student Blogging Challenge</a> is now nearly half way through and the students have been working REALLY hard on the weekly challenges!  Currently 52 class blogs and 150 individual students blogs from 13 different countries are participating.</p>
<p>To celebrate the success of the challenge while also creating an opportunity to collect examples of student work we’re giving away twelve <a href="http://edublogs.org/2008/12/09/edublogs-and-supporter/">Edublogs supporter 12 month subscriptions</a> which you can use on your own blog or give away to a reader.</p>
<h3>Just write a post based on any of the topics themes listed below:</h3>
<ol>
<li>Your own choice of topic but must include embedded media, created by the student or class, such as a SlideShare, video, comic strip, podcast, quiz, poll.  Here&#8217;s the chance to demonstrate how creative you can be!</li>
<li>Your story of how blogging has helped you connect to a global audience and what this connection has meant to you.  e.g. the friends you have made, what you have learnt about other cultures, how you are able to share your passions with others, how you are able to use blogging to share your views on topics</li>
<li>What difference has blogging made to your life at school and home e.g. how has it changed how you learn, the challenges of blogging and how teachers might make the process easier</li>
</ol>
<p>Any class or student blogger can enter, including bloggers not currently participating in the <a href="http://wyatt67.edublogs.org/2009/01/18/a-new-year-means-a-new-challenge/">2009 Student Blogging Challenge</a>, but you must:</p>
<ol>
<li>Leave a comment on this post letting me know you have entered, with a link to your post plus your Grade/year level.</li>
<li>Explain in your post which topic you are writing about and link back to this post so that we receive a pingback advising us that you have written the post (read this to understand <a href="../2008/08/31/whats-a-pingback-and-how-to-write-links/">What’s A Pingback? And How To Write Links</a>).</li>
</ol>
<p style="padding-left: 30px;">For example you might copy the following into the bottom of your post and just change the topic enclosed in the qutoation marks:</p>
<p style="padding-left: 60px;">This post has been written on “my story of how blogging has connected me to a global audience” as part of <a href="http://theedublogger.com/2009/03/27/the-student-blogging-challenge-celebration/">The Edublogger’s Student Competition</a>!</p>
<p>The four best post for each topic will win and you can submit posts for as many topics you like.  And off course all winners will get a badge they can add to their blogs <img src='http://theedublogger.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Remember we&#8217;re looking for the best &#8212; so here is your chance to demonstrate your blogging and creative skills!  You have until April 30 to enter.</p>
<p>If you are enjoying reading this blog, please consider <a title="Subscribe to my feed" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="feed-icon32x32 Finding and Adding Creative Commons Images To Your Blog Posts" /></a><a title="Subscribe to my feed" rel="alternate" href="http://feeds2.feedburner.com/TheEdublogger">Subscribing For Free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2009/03/27/the-student-blogging-challenge-celebration/feed/</wfw:commentRss>
		<slash:comments>174</slash:comments>
		</item>
		<item>
		<title>Embedding A Flickr SlideShow In Your Blog Sidebar</title>
		<link>http://theedublogger.com/2009/01/31/embedding-a-flickr-slideshow-in-your-blog-sidebar/</link>
		<comments>http://theedublogger.com/2009/01/31/embedding-a-flickr-slideshow-in-your-blog-sidebar/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 02:05:00 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[All About Using Images]]></category>
		<category><![CDATA[Setting Up & Using Widgets]]></category>
		<category><![CDATA[Tips For Better Blogging]]></category>
		<category><![CDATA[Working With Web 2.0 Tools]]></category>
		<category><![CDATA[Flickr]]></category>
		<category><![CDATA[Flickr slideshow]]></category>
		<category><![CDATA[text widget]]></category>

		<guid isPermaLink="false">http://theedublogger.edublogs.org/?p=565</guid>
		<description><![CDATA[Have you speculated if it is possible to embed a Flickr Slideshow in a sidebar rather than in a post? Well Betsy asked because she wants to add one to her Merit School of Music blog. Your options The size &#8230; <a href="http://theedublogger.com/2009/01/31/embedding-a-flickr-slideshow-in-your-blog-sidebar/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Have you speculated if it is possible to embed a Flickr Slideshow in a sidebar rather than in a post? Well Betsy asked because she wants to add one to her <a href="http://kobridges.edublogs.org/">Merit School of Music blog</a>.</p>
<h3>Your options</h3>
<p>The size of most embed code can be adjusted by pasting it into a simple text editor like Notepad and changing its width and height.  Really handy to know when you need to make an object smaller to fit the size of your post or sidebar.</p>
<p>However for a Flickr SlideShow there is a simpler option!  <a href="http://flickrslidr.com/">FlickrSliDR</a> or <a href="http://www.flickrslideshow.com/">Flickr slideshow</a>! These &#8220;third party&#8217; website lets you use the flickr URL address of the user, photo set or group and tags or any user/group to customise a Flickr slideshow to the dimensions you desire.</p>
<h3>Adding a Slideshow to your blog sidebar</h3>
<p>Both <a href="http://flickrslidr.com/">FlickrSliDR</a> and <a href="http://www.flickrslideshow.com/">Flickr slideshow</a> create exactly the same SlideShow; which of the two websites you use is your choice.  Width of blog sidebars is dependent on your <a href="http://theedublogger.com/2008/07/17/the-100-edublogs-themes-separated-into-categories-to-make-choosing-your-next-theme-easier/">blog theme</a>; however in most cases 180 px wide x 180 px high will work fine.</p>
<p><a href="http://theedublogger.com/files/2009/01/slideshow1.jpg"><img class="alignnone size-full wp-image-568" title="slideshow1" src="http://theedublogger.com/files/2009/01/slideshow1.jpg" alt="Image of creating a slideshow" width="450" height="456" /></a></p>
<p>Once you have grabbed the embed code from <a href="http://flickrslidr.com/">FlickrSliDR</a> or <a href="http://www.flickrslideshow.com/">Flickr slideshow</a> go into your blog dashboard and add it to your sidebar using a text widget (Click on Design &gt; Widgets).</p>
<p><a href="http://theedublogger.com/files/2009/01/addingside.jpg"><img class="alignnone size-full wp-image-569" style="margin: 5px;" title="addingside" src="http://theedublogger.com/files/2009/01/addingside.jpg" alt="Image of adding to sidebar using a text widget" width="450" height="367" /></a></p>
<h3>Examples of Sidebar Slideshows</h3>
<p>Below is an example of the size of a Flickrslideshow you would add to a blog sidebar.  I&#8217;ve used the fdsflickrtoy tag from <a href="http://images4education.ning.com/">images4education</a>.  If you want to learn more about adding images to your in-class and online activities raise student interest I recommend you join <a href="http://images4education.ning.com/">images4education</a> (you will be able to catch up with the weekly tasks).</p>
<p><small>Created with <a href="http://www.flickrslideshow.com">flickr slideshow</a>.</small></p>
<p>Check out <a href="http://mskreul.edublogs.org/">Ms. Kreul’s class blog</a> to see a cool tour of their class created using <a onclick="javascript:urchinTracker ('/outbound/article/flickrslidr.com');" href="http://flickrslidr.com/">FlickRSLiDR</a> widget embedded in their side bar.</p>
<h3>FINAL THOUGHTS</h3>
<p>To learn more about using <a href="http://flickr.com">Flickr</a> check out:</p>
<ul>
<li><a href="../2009/01/04/quick-start-tips-for-new-flickr-users-part-i/">Quick Start Tips For New Flickr Users: Part I</a> &#8211; setting up your account<a href="../2009/01/04/quick-start-tips-for-new-flickr-users-part-i/"><br />
</a></li>
<li><a href="../2009/01/11/quick-start-tips-for-new-flickr-users-part-ii/">Quick Start Tips For New Flickr Users: Part II</a> &#8211; using as part of your <a onclick="javascript:urchinTracker ('/outbound/article/suewaters.wikispaces.com');" href="http://suewaters.wikispaces.com/">personal learning network (PLN)</a></li>
<li><a title="Permanent Link to Quick Start Tips For New Flickr Users: Part III" rel="bookmark" href="../2009/01/27/quick-start-tips-for-new-flickr-users-part-iii/">Quick Start Tips For New Flickr Users: Part III</a> &#8211; doing cool stuff with Flickr<a title="Permanent Link to Quick Start Tips For New Flickr Users: Part III" rel="bookmark" href="../2009/01/27/quick-start-tips-for-new-flickr-users-part-iii/"><br />
</a></li>
</ul>
<p>If you are enjoying reading this blog, please consider <a title="Subscribe to my feed" onclick="javascript:urchinTracker ('/outbound/article/feeds.feedburner.com');" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="feed-icon32x32 Finding and Adding Creative Commons Images To Your Blog Posts" /></a><a title="Subscribe to my feed" onclick="javascript:urchinTracker ('/outbound/article/feeds.feedburner.com');" rel="alternate" href="http://feeds.feedburner.com/TheEdublogger">Subscribing For Free!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://theedublogger.com/2009/01/31/embedding-a-flickr-slideshow-in-your-blog-sidebar/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
	</channel>
</rss>
