<?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>Edublogs Help and Support &#187; Image</title>
	<atom:link href="http://help.edublogs.org/tag/image/feed/" rel="self" type="application/rss+xml" />
	<link>http://help.edublogs.org</link>
	<description></description>
	<lastBuildDate>Wed, 08 Feb 2012 21:10:01 +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>Inserting Images into your Posts</title>
		<link>http://help.edublogs.org/2009/07/29/inserting-images-into-your-posts/</link>
		<comments>http://help.edublogs.org/2009/07/29/inserting-images-into-your-posts/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 00:14:49 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[Working with posts and pages]]></category>
		<category><![CDATA[Add an Image]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Image alignment]]></category>
		<category><![CDATA[Image URL]]></category>
		<category><![CDATA[Images]]></category>

		<guid isPermaLink="false">http://help.edublogs.org/?p=227</guid>
		<description><![CDATA[Effective use of images grab your readers attention and encourage them to read your posts. Directly above your Visual Text Editor toolbar is your Add Media area which consist of a row of four icons. These are the icons you use to insert images, photo galleries, videos and audio files into your posts. You use [...]]]></description>
			<content:encoded><![CDATA[<p>Effective use of images grab your readers attention and encourage them to read your posts.</p>
<p><img src="http://help.edublogs.org/files/2009/07/images68-1xp7gnb.jpg" alt="" title="Add image icon" width="212" height="110" class="alignright size-full wp-image-2204" />Directly above your Visual Text Editor toolbar is your Add Media area which consist of a row of four icons. These are the icons you use to insert images, photo galleries, videos and audio files into your posts.</p>
<p>You use the <strong>Add An Image</strong> icon to add images to blog posts by either:</p>
<p>A. Uploading an image from your computer<br />
B. Linking to the location of an image on the Internet<br />
C. Adding an image from your media library</p>
<p><em>Please note:</em></p>
<ul>
<li>You can’t just use any image you like in a blog post.</li>
<li>Unless stated otherwise the law automatically grants full “copyright” over any creative work a person makes.</li>
<li>Refer <a href="http://teacherchallenge.edublogs.org/2011/01/24/kick-start-activity-5-%e2%80%93-beginner-enhancing-posts-with-images/">Enhancing posts by adding images</a> to learn more about copyright, creative commons and using images from digital cameras</li>
</ul>
<h3>A.  Uploading An Image From Your Computer</h3>
<p>&nbsp;<br />
<strong>Video<br />
<center>Watch the video below to learn how to upload an image from your Computer</strong></p>
<p><iframe src="http://premium.wpmudev.org/video/add-image-from-pc" frameborder="0" height="325" width="480"></iframe></center></p>
<p>You insert an image from your hard drive into a blog post as follows:</p>
<p>1.  Click on <strong>Add an Image</strong> icon</p>
<p><img class="alignnone size-full wp-image-2188" title="Click on Add Image icon" src="http://help.edublogs.org/files/2009/07/images61-1umpkc1.jpg" alt="" width="650" height="110" /></p>
<p>2.  In the Add an Image window click on the<strong> Select Files</strong> button</p>
<p><img class="alignnone size-full wp-image-2189" title="Click on Select Files" src="http://help.edublogs.org/files/2009/07/images62-2dloqv1.jpg" alt="" width="650" height="230" /></p>
<p>3.  Locate the images on your hard drive</p>
<ul>
<li>use your Shift or Crtl key to select more than one image</li>
</ul>
<p>4.  Click <strong>Open</strong> to start uploading the images.</p>
<p>5. While your images are uploading you will see a progress bar.</p>
<ul>
<li>If you upload more than one image you need to click on the <strong>Show </strong>link to edit the image details and insert the image into a post (refer to these instructions for <a href="http://help.edublogs.org/2009/07/29/inserting-a-photo-gallery-into-your-post/">inserting a photo gallery</a>).</li>
</ul>
<p><img class="alignnone size-full wp-image-2190" title="Click on the Show link" src="http://help.edublogs.org/files/2009/07/images63-2aik23c.jpg" alt="" width="650" height="330" /></p>
<p>6.  In the image option screen you need to:</p>
<ul>
<li>Enter 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>Then click<strong> Insert into Post </strong>to add the image to the post</li>
</ul>
<p><img class="alignnone size-full wp-image-2191" title="Add the details to your image, choose alignment and size then insert into post" src="http://help.edublogs.org/files/2009/07/images64-1eul149.jpg" alt="" width="650" height="594" /></p>
<p>7.  Your <strong>Add an Image</strong> window should be closed and your image should now be inserted in your post.</p>
<p><strong>About Image Size</strong></p>
<p>When you upload an image it automatically creates a thumbnail and medium size versions of this image. You can choose to insert Thumbnail, Medium, Large or Full Size images.</p>
<p>It is good practice to resize your image to the size you want to use in your blog post before uploading and then insert into your post as Full size image.</p>
<p>As a general rule:</p>
<ul>
<li>To make image use entire width of your blog post area: resize image to 450 pixels wide</li>
<li>To wrap text next to image then resize image to 150-200 pixels wide</li>
</ul>
<p><em>TIP:</em></p>
<p>You are able to change the size of thumbnail and medium sized images under <strong>Settings &gt; Miscellaneous.</strong></p>
<p>See also:</p>
<ul>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/24/kick-start-activity-5-%e2%80%93-beginner-enhancing-posts-with-images/">Enhancing posts by adding images</a></li>
</ul>
<h3>B.  Linking to An Image On The Internet</h3>
<p>&nbsp;<br />
<strong>Video<br />
<center>Watch the video below to learn adding an image from a URL</strong></p>
<p><iframe src="http://premium.wpmudev.org/video/add-image-from-url" frameborder="0" height="325" width="480"></iframe></center></p>
<p>You insert an image from a location on the Internet into a blog post as follows:</p>
<p>1.  Click on <strong>Add an Image</strong> icon</p>
<p><img title="Click on Add Image icon" src="http://help.edublogs.org/files/2009/07/images61-1umpkc1.jpg" alt="" width="650" height="110" /></p>
<p>2.   In the Add an Image window click on the<strong> From URL</strong> tab</p>
<p>3.  Add the image URL, image title, select the image alignment, select if you want image linked to a URL (i.e. when reader clicks on the image they will be taken to that URL) and then click <strong>Insert Into Post </strong></p>
<p><img class="alignnone size-full wp-image-2192" title="Inserting an image using an Image URL" src="http://help.edublogs.org/files/2009/07/images65-194kji1.jpg" alt="" width="650" height="454" /><br />
<strong></strong></p>
<p>4.  Your <strong>Add an Image</strong> window should be closed and your image should now be inserted in your post.</p>
<h3>C.  Adding an image from your media library</h3>
<p>&nbsp;<br />
<strong>Video<br />
<center>Watch the video below to learn adding an image from your media library</strong></p>
<p><iframe src="http://premium.wpmudev.org/video/add-image-from-media-library" frameborder="0" height="325" width="480"></iframe></center></p>
<p>You insert an image from your media libary into a blog post as follows:</p>
<p>1.  Click on <strong>Add an Image</strong> icon</p>
<p><img title="Click on Add Image icon" src="http://help.edublogs.org/files/2009/07/images61-1umpkc1.jpg" alt="" width="650" height="110" /></p>
<p>2.  In the Add an Image window click on the<strong> Media library </strong> tab</p>
<p>3.  Locate the image and then click <strong>Show</strong> next to the image you want to add. </p>
<p><img src="http://help.edublogs.org/files/2009/07/images66-r71fe2.jpg" alt="" title="Click on Show" width="650" height="526" class="alignnone size-full wp-image-2197" /></p>
<p>4.  Add image title, select image alignment, choose your image size and then click <strong>Insert Into Post </strong></p>
<p><img src="http://help.edublogs.org/files/2009/07/images67-ynhniq.jpg" alt="" title="Adding an image from your media library" width="650" height="720" class="alignnone size-full wp-image-2198" /></p>
<p>5.  Your <strong>Add an Image</strong> window should be closed and your image should now be inserted in your post.</p>
<p><em>See Also:</em></p>
<ul>
<li><a href="http://teacherchallenge.edublogs.org/2011/01/24/kick-start-activity-5-%e2%80%93-beginner-enhancing-posts-with-images/">Enhancing posts by adding images</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://help.edublogs.org/2009/07/29/inserting-images-into-your-posts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How Do I Link To An Image URL?</title>
		<link>http://help.edublogs.org/2009/02/13/how-do-i-link-to-an-image-url/</link>
		<comments>http://help.edublogs.org/2009/02/13/how-do-i-link-to-an-image-url/#comments</comments>
		<pubDate>Fri, 13 Feb 2009 06:28:56 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[Working with posts and pages]]></category>
		<category><![CDATA[FireFox]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Image URL]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Insert/Edit Image]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://help.edublogs.org/?p=32</guid>
		<description><![CDATA[You can insert an image into a post from an image located somewhere else on the Internet using  your Insert/Edit Image button . Locating the Image URL For Internet Explorer To locate the image URL using Internet Explorer you need to right click on the image and then click on Properties. For FireFox To locate [...]]]></description>
			<content:encoded><![CDATA[<p>You can insert an image into a post from an image located somewhere else on the Internet using  your <strong>Insert/Edit Image</strong> button <a href="http://theedublogger.edublogs.org/files/2008/06/insertbutton.jpg"><img class="alignnone size-full wp-image-352" src="http://theedublogger.edublogs.org/files/2008/06/insertbutton.jpg" alt="Image of image button" width="32" height="28" /></a> .</p>
<h3>Locating the Image URL</h3>
<p><strong>For Internet Explorer</strong></p>
<p>To locate the image URL using Internet Explorer you need to right click on the image and then click on<strong> Properties</strong>.</p>
<p><a href="http://help.edublogs.org/files/2009/02/internetexp.jpg"><img class="alignnone size-full wp-image-33" title="internetexp" src="http://help.edublogs.org/files/2009/02/internetexp.jpg" alt="Image of locating the Image URL in Internet Explorer" width="448" height="241" /></a></p>
<p><strong>For FireFox </strong></p>
<p>To locate the image URL using FireFox tight click on the image and click on <strong>Copy Image Location</strong>.</p>
<p><a href="http://help.edublogs.org/files/2009/02/firefox.jpg"><img class="alignnone size-full wp-image-34" title="firefox" src="http://help.edublogs.org/files/2009/02/firefox.jpg" alt="Image of locating image URL in FireFox" width="448" height="180" /></a></p>
<h3>Linking to the Image URL</h3>
<p>In your <strong>Write Post area</strong> click on your <strong>Insert/Edit Image</strong> button add the Image URL, image description and click on <strong>Insert</strong>.</p>
<p><a href="http://theedublogger.edublogs.org/files/2008/06/insertimage.jpg"><img class="alignnone size-full wp-image-361" style="margin: 5px;" src="http://theedublogger.edublogs.org/files/2008/06/insertimage.jpg" alt="Image of inserting image" width="450" height="240" /></a></p>
<p><a href="http://theedublogger.edublogs.org/files/2008/06/alignment1.jpg"><img class="alignright alignnone size-full wp-image-362" style="margin: 5px; float: right;" src="http://theedublogger.edublogs.org/files/2008/06/alignment1.jpg" alt="Image of setting alignment" width="200" height="105" /></a></p>
<p>If you want align image left or right you need to click on the drop down arrow next to<strong> Alignment</strong> and change alignment before clicking Insert.</p>
<p>To prevent text wrapping close to image add the number 5 to both the <strong>Vertical and Horizontal space</strong> areas.</p>
<p>See Also: <a title="Copyright and Using Images in Blog Posts" rel="bookmark" href="http://theedublogger.edublogs.org/2008/06/22/copyright-and-using-images-in-blog-posts/"></a></p>
<ul>
<li><a title="Copyright and Using Images in Blog Posts" rel="bookmark" href="http://theedublogger.edublogs.org/2008/06/22/copyright-and-using-images-in-blog-posts/">Copyright and Using Images in Blog Posts</a></li>
<li><a title="Finding and Adding Creative Commons Images To Your Blog Posts" rel="bookmark" href="http://theedublogger.edublogs.org/2008/06/28/finding-and-adding-creative-commons-images-to-your-blog-posts/">Finding and Adding Creative Commons Images To Your Blog Posts</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://help.edublogs.org/2009/02/13/how-do-i-link-to-an-image-url/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Image Width and Blog Posts</title>
		<link>http://help.edublogs.org/2009/02/12/image-width-and-blog-posts/</link>
		<comments>http://help.edublogs.org/2009/02/12/image-width-and-blog-posts/#comments</comments>
		<pubDate>Fri, 13 Feb 2009 03:14:35 +0000</pubDate>
		<dc:creator>Sue Waters</dc:creator>
				<category><![CDATA[Working with posts and pages]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Thumbnail]]></category>

		<guid isPermaLink="false">http://help.edublogs.org/?p=27</guid>
		<description><![CDATA[When you upload an image you are given three versions that you can insert into the post: Thumbnail (150 x 150 pixels) Medium (300 x 300 pixels) Full Size You are able to change the size of thumbnail and medium sized images under Settings &#62; Miscellaneous. When you insert an image into a post using [...]]]></description>
			<content:encoded><![CDATA[<p>When you upload an image you are given three versions that you can insert into the post:</p>
<ul>
<li>Thumbnail (150 x 150 pixels)</li>
<li>Medium (300 x 300 pixels)</li>
<li>Full Size</li>
</ul>
<p>You are able to change the size of thumbnail and medium sized images under <strong>Settings &gt; Miscellaneous.</strong></p>
<p><img style="margin: 5px;" src="http://theedublogger.edublogs.org/files/2008/07/changeimage.jpg" alt="" width="450" height="198" /></p>
<p>When you insert an image into a post using the “full size” option, the image is <strong>automatically resized to a maximum width of 500 pixels</strong>. This is to prevent problems of wide images in blog posts caused when people post photos straight from digital cameras.</p>
<p>How wide an image can be depends on <a href="http://theedublogger.edublogs.org/2008/07/17/the-100-edublogs-themes-separated-into-categories-to-make-choosing-your-next-theme-easier/">your blog theme</a>. Some themes 500 pixels is too wide and the image will flow into your sidebar area. While other themes can cope with images wider than 500.</p>
<p><img style="margin: 5px;" src="http://theedublogger.edublogs.org/files/2008/07/maxwidth.jpg" alt="" width="444" height="351" /></p>
]]></content:encoded>
			<wfw:commentRss>http://help.edublogs.org/2009/02/12/image-width-and-blog-posts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

