<?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>ohbrooke &#187; blog backgrounds</title>
	<atom:link href="http://ohbrooke.com/tag/blog-backgrounds/feed/" rel="self" type="application/rss+xml" />
	<link>http://ohbrooke.com</link>
	<description></description>
	<lastBuildDate>Sun, 26 Feb 2012 05:37:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Blog Tip: Creating Background Images</title>
		<link>http://ohbrooke.com/2009/11/05/blog-tip-creating-background-images/</link>
		<comments>http://ohbrooke.com/2009/11/05/blog-tip-creating-background-images/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 00:55:13 +0000</pubDate>
		<dc:creator>ohbrooke</dc:creator>
				<category><![CDATA[tutorials]]></category>
		<category><![CDATA[blog backgrounds]]></category>
		<category><![CDATA[blog tips]]></category>
		<category><![CDATA[body backgrounds]]></category>

		<guid isPermaLink="false">http://ohbrooke.com/?p=1806</guid>
		<description><![CDATA[
<a href='http://ohbrooke.com/2009/11/05/blog-tip-creating-background-images/b-2/' title='b'><img width="150" height="150" src="http://ohbrooke.com/wp-content/uploads/2009/11/b.jpg" class="attachment-thumbnail" alt="b" title="b" /></a>
]]></description>
			<content:encoded><![CDATA[<p><strong>You can make a background image out of anything.</strong> I like to create mine in Photoshop. The easiest way to make a background is to create a pattern that will repeat. Here&#8217;s an easy monogram background that I made (with the help of <a href="http://www.leblahg.com/2009/11/chalkboard-doodle-digital-stamps.html" target="_blank">Tristan&#8217;s Photoshop brushes</a> {thank you!}.</p>
<p><img class="alignnone size-full wp-image-1807" title="b" src="http://ohbrooke.com/wp-content/uploads/2009/11/b.jpg" alt="b" width="150" height="150" /></p>
<p><strong>Upload the image</strong> via your FTP, or in WordPress you can use your Media Uploader, or in Blogspot use your Gadget Picture widget to upload an image. In any case, you&#8217;ll want to get the URL where the image was uploaded. {For Blogger, I uploaded via the picture Gadget and saved. Then I reopened the Gadget, right clicked on the image, chose &#8216;properties&#8217; and copied and pasted the URL of the images. I don&#8217;t use Blogger much so tell me if there is an easier way to do this}.</p>
<p>Navigate to your stylesheet.</p>
<h2><strong>For WordPress</strong></h2>
<p>In the admin section, Appearance/Editor, your file might be called “stylesheet.css” or some other “.css” file. If there are more than one, open them all and you’ll be using the longest one.</p>
<h2><strong>For Blogspot</strong></h2>
<p>In the admin section, under Layout/Edit HTML, your stylesheet is hardcoded all in one page with the blog. The styles are held at the top of the page between &lt;style&gt; tags.</p>
<p><strong>Navigate to your body class</strong> {&#8220;body&#8221;}</p>
<p>Either replace the background image URL you currently have, or add this {replace my image URL with yours&#8230; be sure to keep the apostrophes and parenthesis around it:</p>
<p>body<br />
{<br />
background:url(&#8216;http://3.bp.blogspot.com/_lfC4pjYVJgg/SvNw_ngj-ZI/AAAAAAAADGY/bVToZrolTds/S226/b.jpg&#8217;) repeat top center;<br />
}</p>
<p><strong>This makes my background appear like this:</strong></p>
<p><img class="alignnone size-full wp-image-1808" title="bs" src="http://ohbrooke.com/wp-content/uploads/2009/11/bs.jpg" alt="bs" width="550" height="550" /></p>
<h2>If you don&#8217;t have Photoshop to create backgrounds</h2>
<p>Get creative. Download something from <a href="http://istockphoto.com" target="_blank">istockphoto.com</a>, crop something out of an image using Picasa, or use another image editing software.</p>
<p>You are more than welcome to grab my &#8220;b&#8221; background and cover it with any letter you&#8217;d like to use.</p>
<p>Good Luck!</p>
]]></content:encoded>
			<wfw:commentRss>http://ohbrooke.com/2009/11/05/blog-tip-creating-background-images/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

