<?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>ChaseSagum.com &#187; css</title>
	<atom:link href="http://chasesagum.com/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://chasesagum.com</link>
	<description>An Open Source Way of Life!</description>
	<lastBuildDate>Sat, 19 May 2012 04:55:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>7 Visual Tips for Creating a Great Blog Post</title>
		<link>http://chasesagum.com/7-visual-tips-for-creating-a-great-blog-post?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=7-visual-tips-for-creating-a-great-blog-post</link>
		<comments>http://chasesagum.com/7-visual-tips-for-creating-a-great-blog-post#comments</comments>
		<pubDate>Sat, 24 Jul 2010 20:13:59 +0000</pubDate>
		<dc:creator>Chase</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Site Conversion]]></category>
		<category><![CDATA[blog design]]></category>
		<category><![CDATA[content design]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://chasesagum.com/?p=1820</guid>
		<description><![CDATA[There is much discussed on the web for how to “write” a better blog post. But often times its the visual elements of an article that make a blog post great. I’m sure you have seen examples of these visual elements throughout the Blogosphere, particularly with more popular tech blogs such as SEOMoz, Smashing Magazine, and Mashable just to name a few. I have 10 specific tips for you to help you increase the visual appeal of your blog posts. Combine that with your stellar writing/blogging skills and you will be crashing your server with traffic in no time. Let’s take a look at these 10 elements: 1. Graphs Showing off data that helps support the points you are making in your blog posts is one of the great ways to add some cool visual elements and increase the appeal of your posts. SEOmoz has some great examples of how [...]]]></description>
			<content:encoded><![CDATA[<p>There is much discussed on the web for how to “write” a better blog post. But often times its the visual elements of an article that make a blog post great. I’m sure you have seen examples of these visual elements throughout the Blogosphere, particularly with more popular tech blogs such as SEOMoz, Smashing Magazine, and Mashable just to name a few.</p>
<p>I have 10 specific tips for you to help you increase the visual appeal of your blog posts. Combine that with your stellar writing/blogging skills and you will be crashing your server with traffic in no time. Let’s take a look at these 10 elements:</p>
<h2>1. Graphs</h2>
<p>Showing off data that helps support the points you are making in your blog posts is one of the great ways to add some cool visual elements and increase the appeal of your posts. SEOmoz has some great examples of how to use charts and graphs within your posts.</p>
<p><a href="http://www.seomoz.org/article/search-ranking-factors"><img class="alignnone size-full wp-image-1821" style="border: none;" title="graph-seomoz" src="http://chasesagum.com/wp-content/uploads/2010/07/graph-seomoz.png" alt="" width="454" height="384" /></a></p>
<h2>2. Video</h2>
<p>This one is a little more common amongst bloggers. Embedding video from YouTube, Vimeo etc. within your blog posts related to your content. Obviously creating your own video is better than embedding someone else&#8217;s video.</p>
<p><a href="http://mashable.com/2010/07/15/old-spice-stats/"><img class="alignnone size-full wp-image-1822" style="border: none;" title="video-mashable" src="http://chasesagum.com/wp-content/uploads/2010/07/video-mashable.png" alt="" width="590" height="363" /></a></p>
<h2>3. Photos and Screenshots</h2>
<p>Photos are very common in blog articles. But high quality photos are not nearly as common. Take the time to either purchase stock photography, take your own photos, or get permission to use photos that will increase the visual appeal of your blog article.</p>
<p>Also, depending on the topic of your blog articles taking and using screenshots can be a powerful way of getting your point across to readers.</p>
<p><a href="http://www.flickr.com/photos/valpopando/1963947845/"><img class="alignnone size-full wp-image-1823" style="border: none;" title="hdr-image-flickr" src="http://chasesagum.com/wp-content/uploads/2010/07/hdr-image-flickr.png" alt="" width="482" height="439" /></a></p>
<h2>4. Infographics</h2>
<p>Similar to video, it’s better to create your own Infographics than to use others. But either way these infographics do a great job of communicating tons of information in one condensed, great looking area within your blog post. These add a ton of viral ability to your blog posts and help drive much more traffic to them.</p>
<p><a href="http://mashable.com/2010/07/01/social-media-infographics/"><img class="alignnone size-full wp-image-1824" style="border: none;" title="infographic-mashable" src="http://chasesagum.com/wp-content/uploads/2010/07/infographic-mashable.jpg" alt="" width="590" height="321" /></a></p>
<h2>5. Diagrams</h2>
<p>Another graphical way to express a point in your article. SEOmoz yet again is a great example of how to do this. Using diagrams have always been a form of teaching with visual elements. You don’t see this that often in blogging, but look for this to be a growing trend in blogging.</p>
<p><a href="http://www.seomoz.org/blog/how-to-make-seo-an-unfair-competitive-advantage-for-your-business"><img class="alignnone size-full wp-image-1825" style="border: none;" title="diagram-seomoz" src="http://chasesagum.com/wp-content/uploads/2010/07/diagram-seomoz.gif" alt="" width="590" height="202" /></a></p>
<h2>6. Illustrations</h2>
<p>This may take some help from a graphic designer (unless you have illustration skills yourself) to create some graphic illustrations. But as you can see from this example from SEOMoz that it can be a very creative and fun way to communicate your message(s).</p>
<p><a href="http://www.seomoz.org/blog/dont-fall-into-the-trap-of-ab-testing-minutiae"><img class="alignnone size-full wp-image-1826" style="border: none;" title="illustration-seomoz" src="http://chasesagum.com/wp-content/uploads/2010/07/illustration-seomoz.gif" alt="" width="585" height="331" /></a></p>
<h2>7. Great Headlines</h2>
<p>Nobody explains better how to improve and perfect your headlines and sub-headlines than Brian Clark @ Copyblogger. The CSS style of your H1, H2 tags etc. play an important role in this. But even more importantly is the skill and precision behind the headlines that you write. Write things that are appealing to your potential readers but don’t over hype what you have.</p>
<p><a href="http://www.copyblogger.com/commonly-misused-words/"><img class="alignnone size-full wp-image-1827" style="border: none;" title="headline-copyblogger" src="http://chasesagum.com/wp-content/uploads/2010/07/headline-copyblogger.png" alt="" width="590" height="162" /></a></p>
<p>I would love to see any examples that you have where you have utilized one or more of these visual elements in your blog posts. Use this as a time to share some of your work a.k.a leave some links! Cheers!</p>
]]></content:encoded>
			<wfw:commentRss>http://chasesagum.com/7-visual-tips-for-creating-a-great-blog-post/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Free JQuery Image Gallery Plugin</title>
		<link>http://chasesagum.com/free-jquery-image-gallery-plugin?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=free-jquery-image-gallery-plugin</link>
		<comments>http://chasesagum.com/free-jquery-image-gallery-plugin#comments</comments>
		<pubDate>Fri, 25 Jul 2008 13:39:49 +0000</pubDate>
		<dc:creator>Chase</dc:creator>
				<category><![CDATA[Random]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[image gallery]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://chasesagum.com/free-jquery-image-gallery-plugin</guid>
		<description><![CDATA[Spacegallery is a plugin for JQuery that gives you yet another cool option for displaying your images on a website. It displays the images in a sort of cool space effect where each image comes after the next appearing right in front of you. Here&#8217;s a screenshot: Spacegallery is free to download from the link I provided above. It&#8217;s fairly easy to implement as well. Details for finding out how to implement are made clear on the website. This could be a cool way to display a portfolio of some kind! Just an Idea! CodeCanyon.net has a ton of Jquery and Javascript Image Gallery scripts similar to this one for anywhere between $5-$10 per script. If this image gallery doesn&#8217;t do it for you&#8230; you may want to check it out over there.]]></description>
			<content:encoded><![CDATA[<div style="float:right;margin:10px;"> <script type="text/javascript"><!--
google_ad_client = "pub-4649950931493479";
/* 250x250, created 9/9/09 */
google_ad_slot = "2419350492";
google_ad_width = 250;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
<p><a href="http://eyecon.ro/spacegallery/">Spacegallery</a> is a plugin for JQuery that gives you yet another cool option for displaying your images on a website. It displays the images in a sort of cool space effect where each image comes after the next appearing right in front of you. Here&#8217;s a screenshot:</p>
<p>Spacegallery is free to download from the link I provided above. It&#8217;s fairly easy to implement as well. Details for finding out how to implement are made clear on the website. <strong>This could be a cool way to display a portfolio of some kind!</strong> Just an Idea!</p>
<p><img style="max-width: 800px;" src="http://chasesagum.com/wp-content/uploads/2008/07/spacegallery.jpg" alt="" /></p>
<p><a href="http://chasesagum.com/code-canyon-javascript">CodeCanyon.net</a> has a ton of Jquery and Javascript Image Gallery scripts similar to this one for anywhere between $5-$10 per script. If this image gallery doesn&#8217;t do it for you&#8230; you may want to check it out over there.</p>
]]></content:encoded>
			<wfw:commentRss>http://chasesagum.com/free-jquery-image-gallery-plugin/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

