<?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/"
	xmlns:series="http://unfoldingneurons.com/"
	>

<channel>
	<title>The Internet Marketing Geek</title>
	<atom:link href="http://www.theimgeek.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.theimgeek.com</link>
	<description>Help with your technical troubles</description>
	<lastBuildDate>Mon, 18 Apr 2011 18:44:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Building A Better Download Delivery System</title>
		<link>http://www.theimgeek.com/better-download-delivery/</link>
		<comments>http://www.theimgeek.com/better-download-delivery/#comments</comments>
		<pubDate>Mon, 18 Apr 2011 18:44:51 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Project Updates]]></category>
		<category><![CDATA[delivermyfile]]></category>
		<category><![CDATA[sell downloads]]></category>

		<guid isPermaLink="false">http://www.theimgeek.com/?p=169</guid>
		<description><![CDATA[Perhaps you already know of my service over at DeliverMyFile.com. It is a solution for digital product publishers to sell downloads and deliver them securely, cutting down on theft and link sharing. It&#8217;s been up and running for a few months now, and many people are happily making use of it in their business, but [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-170" title="filerobot" src="http://www.theimgeek.com/wp-content/uploads/2011/04/filerobot.gif" alt="" width="198" height="212" />Perhaps you already know of my service over at <a title="Sell Downloads" href="/go/delivermyfile" target="_blank">DeliverMyFile.com</a>. It is a solution for digital product publishers to sell downloads and deliver them securely, cutting down on theft and link sharing. It&#8217;s been up and running for a few months now, and many people are happily making use of it in their business, but there is so much further to go.</p>
<p>Right now it takes care of the basics&#8230;</p>
<ul>
<li>Provides ready-made &#8220;Buy Now&#8221; buttons to place on your website</li>
<li>Automatically delivers files to paying customers</li>
<li>Protects the downloads using unique links with security restrictions</li>
<li>Integrates with four of the leading affiliate networks</li>
</ul>
<p>All right and good. Things are running smoothly, so lately I&#8217;ve been getting on with building the system I was dreaming about when I started DeliverMyFile. It takes those basics and expands upon them, providing some powerful tools for product publishers to do some serious business.</p>
<p>Here&#8217;s just some of the things on the list&#8230;</p>
<ul>
<li>Tie-in with your email newsletter service to add new customers to an auto-responder list.</li>
<li>Create and edit fancy sales letters that add intelligent up-sell offers and post-purchase &#8220;one-time offers&#8221; into the checkout process.</li>
<li>Instantly share sale revenue with your Joint-Venture and Referral partners.</li>
<li>And all the while keeping these advanced features in a simple-to-use control panel.</li>
</ul>
<h2>I&#8217;m looking for your feedback</h2>
<p>If you already use DeliverMyFile, or just want to throw in your two bits about your digital product delivery needs, I want to hear from you. Your input will help me make a better service.</p>
<p><strong>What email services do you use, that you would want DMF to support?</strong></p>
<p><strong>Are there any other services that you could see tying in with orders made through DMF?</strong></p>
<p><strong>What are your biggest challenges when creating/publishing/selling your digital products?</strong></p>
<p><strong>What is on your wishlist as a product creator?</strong></p>
<p>Please leave your answers and feedback in the comments below. Thanks for your help with making DeliverMyFile a service that will knock your socks off.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theimgeek.com/better-download-delivery/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>eBook Design Part 2: Setting the Page</title>
		<link>http://www.theimgeek.com/ebook-page-layout/</link>
		<comments>http://www.theimgeek.com/ebook-page-layout/#comments</comments>
		<pubDate>Thu, 14 Apr 2011 19:45:31 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ebook]]></category>

		<guid isPermaLink="false">http://www.theimgeek.com/?p=157</guid>
		<description><![CDATA[Let&#8217;s dig in using OpenOffice to create your new eBook design. In this tutorial we will be setting up your basic page layout with the Styles feature. We will achieve these goals: Flip the layout to be optimized for on-screen reading Add columns to make reading easier Use a graphical background to add eye appeal [...]]]></description>
			<content:encoded><![CDATA[<p>Let&#8217;s dig in using OpenOffice to create your new eBook design. In this tutorial we will be setting up your basic page layout with the Styles feature. We will achieve these goals:</p>
<ul>
<li>Flip the layout to be optimized for on-screen reading</li>
<li>Add columns to make reading easier</li>
<li>Use a graphical background to add eye appeal</li>
<li>Insert headers and footers for consistency</li>
</ul>
<p>Watch the video to see me start from scratch and create a nice looking page layout using OpenOffice Writer. (don&#8217;t have the software? See Part 1 to get it for free)</p>
<p><div style="width: 480px; margin: 10px auto;"><span class="youtube">
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="385" src="http://www.youtube.com/embed/dnhqFX5ABIY?color1=2b405b&amp;color2=6b8ab6&amp;border=0&amp;fs=1&amp;hl=en&amp;autoplay=0&amp;loop=0&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0&amp;rel=1" frameborder="0"></iframe>
</span><p><a href="http://www.youtube.com/watch?v=dnhqFX5ABIY"><img src="http://img.youtube.com/vi/dnhqFX5ABIY/default.jpg" width="130" height="97" border=0></a></p><p><a href="http://www.youtube.com/watch?v=dnhqFX5ABIY">www.youtube.com/watch?v=dnhqFX5ABIY</a></p></div></p>
<p>Here&#8217;s a quick overview of the process explained on the video&#8230;</p>
<h2>Working with Page Styles</h2>
<p>Using Page Styles (as well as Paragraph Styles, which we&#8217;ll get to later) makes the process of designing a great looking eBook much more simple and easy to repeat over and over again. Styles work by defining a set of formatting rules that you can apply to elements in your document in one click. Today we will edit the Default Page Style to make the basic layout for our new eBook.</p>
<h3>Use a Landscape orientation to fit on screen better</h3>
<p>Simply flipping your document to Landscape mode, so it&#8217;s wider than it is tall, makes it fit better on computer screens, allowing readers to see bigger text while viewing the whole page at once without scrolling.</p>
<h3>Set page margins to zero</h3>
<p>This will let our background image go all the way to the edge of the page. We&#8217;ll add margins to our text in just a moment using border spacing.</p>
<h3>Insert a page Background graphic</h3>
<p><span style="color: #008000;"><strong></strong></span><code><div class="download-me"><p>Free Download:<br /><a href="http://www.theimgeek.com/download/blank-page-background.png" title="Free Download: Generic eBook Page Background">Generic eBook Page Background</a><br /><span class="download-info"><img alt="png" title="png" class="download-icon" src="http://www.theimgeek.com/wp-content/plugins/download-monitor/img/filetype_icons/document-image.png" /> png 30.36 kB</span></p></div></code></p>
<p>Adding a background image is key to making your eBooks stand out from the crowd. This simple step adds visual appeal to every page instantly.</p>
<p>Selecting the &#8220;Link&#8221; box will let you update the image file and see changes reflected in your document.</p>
<h3>Add a Header</h3>
<p>Check the box to add a header to your page. You will have to adjust header spacing depending on the shape of your background image and where you want it positioned.</p>
<h3>Add a Footer</h3>
<p>Check the box again. Again you may have to fiddle with the amount of spacing later.</p>
<h3>Add page border to fix margins</h3>
<p>Add a border to the page, which will show right around the very edge of the page, by selecting the four-sides buttons, and setting the colour to white (which is my preference).</p>
<p>Border spacing becomes your page margins. 1.5cm is a good place to start, but it may need adjustment depending on your background image.</p>
<h3>Split your content into columns</h3>
<p>To make it easier to read in Landscape orientation, you should create two or three columns for your text. Be sure to add a bit of column spacing (about 1cm) between them.</p>
<h3>See how it looks</h3>
<p>Click apply to see your page style in action. Check to make sure the spacing is correct. If not, make adjustments to your page style settings for border spacing, as well as header and footer spacing.</p>
<h3>Add text to your header and footer</h3>
<p>Write whatever you like in your header and footer sections. This will appear the same on every page. You can add automatic page numbering under Insert -&gt; Fields.</p>
<h3>The page is set for greatness!</h3>
<p>With that, you&#8217;ve created your Default page style. As you write, and your content flows to the second page, it will automatically use this same style giving your whole document a consistent look. You can save this document as a template to use for all your future eBooks and save time.</p>
<p>But hold on! We&#8217;re not finished here. In the next article of this series I&#8217;ll look at using Paragraph Styles to make the text of your eBook shine.</p>
<p>Homework</p>
<p>Follow along with the tutorial to create your own page template in OpenOffice, then begin to create a custom page style that is unique to you. Join me for the next tutorial when we will start working with your text.</p>
<p>You can also download the &#8220;cheat sheet&#8221;, the very same document I created in the tutorial video.</p>
<div class="download-me"><p>Free Download:<br /><a href="http://www.theimgeek.com/download/layout-tutorial.odt" title="Free Download: eBook Page Layout Template">eBook Page Layout Template</a><br /><span class="download-info"><img alt="odt" title="odt" class="download-icon" src="http://www.theimgeek.com/wp-content/plugins/download-monitor/img/filetype_icons/document.png" /> odt 10.33 kB</span></p></div>
<p>Thanks for reading. I welcome your questions and comments below.</p>
<p>Be sure to subscribe to my email newsletter for future tutorials and tips!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theimgeek.com/ebook-page-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<series:name><![CDATA[eBook Design &amp; Layout with OpenOffice]]></series:name>
	</item>
		<item>
		<title>eBook Design Part 1: Using OpenOffice Writer</title>
		<link>http://www.theimgeek.com/ebook-openoffice-writer/</link>
		<comments>http://www.theimgeek.com/ebook-openoffice-writer/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 16:49:44 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ebook]]></category>
		<category><![CDATA[openoffice]]></category>

		<guid isPermaLink="false">http://www.theimgeek.com/?p=152</guid>
		<description><![CDATA[When I released my first free eBook I got a lot of comments on the design and layout. &#8220;Beautifully designed&#8221;, &#8220;Top notch&#8221; and &#8220;I absolutely love the format!&#8221;. Well, golly-gee-thanks! I also received a few messages asking me for more details on how I designed it, and what software I was using. This will be [...]]]></description>
			<content:encoded><![CDATA[<p>When I released <a title="New Free eBook: How To Protect &amp; Deliver Your Product Downloads" href="http://www.theimgeek.com/protect-digital-products-ebook/">my first free eBook</a> I got a lot of comments on the design and layout. <em>&#8220;Beautifully designed&#8221;, &#8220;Top notch&#8221; and &#8220;I absolutely love the format!&#8221;.</em> Well, golly-gee-thanks!</p>
<p>I also received a few messages asking me for more details on how I designed it, and what software I was using. This will be the first post in a series explaining the process I use to make such &#8220;top-notch&#8221; eBook design. The first question I received was&#8230;</p>
<h2>What software do you use?</h2>
<p>Perhaps those asking were hoping for an answer of &#8220;XYZ Super eBook Generator Pro&#8221; where you can click a button and have this all done for you. Unfortunately, that doesn&#8217;t exist. My method involves a little more elbow grease, but after you do it once you&#8217;ll have your own template to re-use over and over again.</p>
<p><img class="aligncenter size-full wp-image-153" title="openoffice-ebook-layout" src="http://www.theimgeek.com/wp-content/uploads/2011/04/openoffice-ebook-layout.png" alt="" width="500" height="304" /></p>
<p>The software in question is <strong>OpenOffice Writer</strong>, part of the free open-source OpenOffice suite available for download at <a title="Download OpenOffice" href="http://www.openoffice.org/" target="_blank">OpenOffice.org</a>. It works on Windows, Mac and Linux systems, and is a very good replacement for Microsoft Office. I use it for all my officey/document needs.</p>
<p>Now, there&#8217;s no reason you can&#8217;t follow through this tutorial series using <strong>Microsoft Word</strong>, <strong>Adobe InDesign</strong>, or whatever document/layout software you like. The design concepts will still be helpful, and you can just skip over the occasional mention of a specific feature. However, being that the software is completely free, it&#8217;s no trouble to give it a shot.</p>
<h2>Your Homework</h2>
<p>I&#8217;m going to let you off easy for this first one. Your only action step is to go <a title="Download OpenOffice" href="http://www.openoffice.org/" target="_blank">download and install OpenOffice</a>.</p>
<p>Meet me back here in a few days to get started on your new eBook design. In the meantime, be sure to <strong>subscribe to the RSS feed or my email newsletter</strong> so you don&#8217;t miss out on the rest of this tutorial series.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theimgeek.com/ebook-openoffice-writer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<series:name><![CDATA[eBook Design &amp; Layout with OpenOffice]]></series:name>
	</item>
		<item>
		<title>Eye-Popping eBook Cover Design</title>
		<link>http://www.theimgeek.com/ebook-cover-design/</link>
		<comments>http://www.theimgeek.com/ebook-cover-design/#comments</comments>
		<pubDate>Tue, 12 Apr 2011 00:42:22 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Services]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[ebook]]></category>
		<category><![CDATA[ecover]]></category>

		<guid isPermaLink="false">http://www.theimgeek.com/?p=126</guid>
		<description><![CDATA[Good news! Your book will be judged by its cover. Use it to stand out from the crowd. Be ready with a professional design that will boost your sales and credibility. Express Package Order Express $25 Good design doesn&#8217;t have to be complex. With the express package you&#8217;ll get the benefit of a professional designer, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-131 top-image" title="ebook-cover-design" src="http://www.theimgeek.com/wp-content/uploads/2011/04/ebook-cover-design.jpg" alt="" width="560" height="200" /></p>
<p>Good news! Your book will be judged by its cover. Use it to stand out from the crowd. Be ready with a professional design that will boost your sales and credibility.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-141" title="product-covers" src="http://www.theimgeek.com/wp-content/uploads/2011/04/product-covers-580x222.jpg" alt="" width="522" height="200" /></p>
<h2>Express Package</h2>
<div class="orderbox">Order Express<br />
$25<br />
<a title="Click to purchase with PayPal" href="http://www.delivermyfile.com/paypal/34V9W3"><img style="width: 154px; height: 55px; border: none;" src="http://www.delivermyfile.com/images/buttons/pill-small-high-gloss-red-0.png" alt="Buy It Now!" /></a></div>
<p>Good design doesn&#8217;t have to be complex. With the express package  you&#8217;ll get the benefit of a professional designer, but without the more  time consuming and expensive detail work. Your eBook cover will still  look great, but perhaps a little less unique.</p>
<h3>Express package includes</h3>
<ul>
<li>Product design incorporating your title and other text.</li>
<li>Full quality, full page &#8220;flat&#8221; cover design.</li>
<li>High quality 3D &#8220;virtual&#8221; product image for sales pages and banners.</li>
<li><strong>BONUS</strong>: Voucher for $3 credit for a new account with DeliverMyFile to sell your product securely and automatically</li>
</ul>
<h2>Professional Package</h2>
<div class="orderbox">Order Professional<br />
$47<br />
<a title="Click to purchase with PayPal" href="http://www.delivermyfile.com/paypal/1YU165"><img style="width: 154px; height: 55px; border: none;" src="http://www.delivermyfile.com/images/buttons/pill-small-high-gloss-red-0.png" alt="Buy It Now!" /></a></div>
<p>Let a professional designer create a totally unique concept for your  product including custom illustration and layout incorporating your  photos and logos. Your eBook will stand out from the crowd as a  top-notch product. Go ahead&#8230; let them judge your book by its cover!</p>
<h3>Professional Package Includes</h3>
<ul>
<li>Complete custom design conceptually matched to your product with original illustration and graphics</li>
<li>Incorporate your custom titles and text, as well as photos and logos</li>
<li>Full quality, full page &#8220;flat&#8221; cover design.</li>
<li>High quality 3D &#8220;virtual&#8221; product image for sales pages and banners.</li>
<li><strong>BONUS:</strong> &#8220;Buy Now&#8221; graphic incorporating your eBook design</li>
<li><strong>BONUS:</strong> Voucher for $5 credit for a new account with DeliverMyFile to sell your product securely and automatically</li>
</ul>
<h2>Deluxe Package</h2>
<div class="orderbox">Order Deluxe<br />
$99<br />
<a title="Click to purchase with PayPal" href="http://www.delivermyfile.com/paypal/2BNV8I"><img style="width: 154px; height: 55px; border: none;" src="http://www.delivermyfile.com/images/buttons/pill-small-high-gloss-red-0.png" alt="Buy It Now!" /></a></div>
<p>For the product creators who put a lot of time and care into their  eBooks, let me help you knock it out of the park with a deluxe design  treatment that includes both the cover and the actual eBook inside  layout.</p>
<h3>Deluxe Package includes</h3>
<ul>
<li>Complete professional custom cover design</li>
<li>Full quality &#8220;flat&#8221; cover design</li>
<li>High quality 3D &#8220;virtual&#8221; eBook cover graphic</li>
<li>Custom design layout using your new cover design, makes your whole eBook look Pro</li>
<li>Pre-made template file in free OpenOffice format, ready for you to paste in your content</li>
<li><strong>BONUS</strong>: Customized &#8220;Buy Now&#8221; button graphic.</li>
<li><strong>BONUS</strong>: Website/Blog header graphic</li>
<li><strong>BONUS</strong>: Ready-made sales website template</li>
<li><strong>BONUS</strong>: Voucher for $10 credit for a new account with DeliverMyFile to sell your product securely and automatically</li>
</ul>
<p><img class="aligncenter size-full wp-image-136" title="theimgeek-sat" src="http://www.theimgeek.com/wp-content/uploads/2011/04/theimgeek-sat.png" alt="" width="560" height="62" /></p>
<p>No matter what package you choose, I&#8217;m sure you will be very happy with the result. In fact, I guarantee it! After two revisions, if you still aren&#8217;t happy with your custom design, you can request a full refund. No risk, no worries. Nothing to lose, and only a great eBook cover design to gain.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theimgeek.com/ebook-cover-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New Free eBook: How To Protect &amp; Deliver Your Product Downloads</title>
		<link>http://www.theimgeek.com/protect-digital-products-ebook/</link>
		<comments>http://www.theimgeek.com/protect-digital-products-ebook/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 20:01:59 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[digital products]]></category>
		<category><![CDATA[ebooks]]></category>

		<guid isPermaLink="false">http://www.theimgeek.com/?p=110</guid>
		<description><![CDATA[Fresh out of the oven! Get it while it&#8217;s hot! Absolutely Everything You Need To Know About &#8220;How to Protect &#38; Deliver Your Product Downloads&#8221; This eBook takes a hard look at protecting your digital products from theft and file sharing, starting with the popular &#8220;do-it-yourself-methods&#8221; (and why they don&#8217;t work so great) and finishing [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;">Fresh out of the oven! Get it while it&#8217;s hot!</p>
<h2 style="text-align: center;">Absolutely Everything You Need To Know About<br />
&#8220;How to Protect &amp; Deliver Your Product Downloads&#8221;</h2>
<p><span style="color: #008000;"><strong></strong></span><code><br />
</code><img class="size-full wp-image-111 alignright" title="eBook: How To Protect &amp; Deliver Your Product Downloads" src="http://www.theimgeek.com/wp-content/uploads/2011/04/ebook-protect-smallstack.jpg" alt="eBook: How To Protect &amp; Deliver Your Product Downloads" width="300" height="296" />This eBook takes a hard look at <strong>protecting your digital products</strong> from theft and file sharing, starting with the popular &#8220;do-it-yourself-methods&#8221; (and why they don&#8217;t work so great) and finishing with a thorough <strong>review and cost comparison of five leading download protection services.</strong></p>
<p><strong>You need to read this book if&#8230;</strong></p>
<ul>
<li>You sell anything where a download is delivered via a &#8220;Thank You&#8221; page. (not as safe as you might think)</li>
<li>You have to send emails to your customers. (get the process automated)</li>
<li>You want to pay less than you currently are for your download delivery service.</li>
</ul>
<p>Download it, read it, and you&#8217;re <strong>sure to save money on your digital product delivery</strong>.</p>
<p>More eBooks in the <strong>&#8220;Absolutely Everything You Need To Know&#8221; </strong>series will be coming soon. <strong>Be sure to subscribe to this blog</strong>, or sign-up for the email newsletter to stay informed.</p>
<p><span style="color: #008000;"><strong></strong></span><code><div class="download-me"><p>Free Download:<br /><a href="http://www.theimgeek.com/download/theIMgeek-Protect-and-Deliver.pdf" title="Free Download: How To Protect & Deliver Your Product Downloads">How To Protect & Deliver Your Product Downloads</a><br /><span class="download-info"><img alt="pdf" title="pdf" class="download-icon" src="http://www.theimgeek.com/wp-content/plugins/download-monitor/img/filetype_icons/document-pdf.png" /> pdf 914.69 kB</span></p></div></code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.theimgeek.com/protect-digital-products-ebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Highlight &amp; Underline Effect</title>
		<link>http://www.theimgeek.com/css-highlighter/</link>
		<comments>http://www.theimgeek.com/css-highlighter/#comments</comments>
		<pubDate>Wed, 09 Feb 2011 09:56:45 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.theimgeek.com/?p=46</guid>
		<description><![CDATA[Draw all over your website with a yellow highlighter marker and red pencil in this CSS tutorial. A unique and "hand-made" way to emphasize parts of your sales letters and web pages.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-14 top-image" title="CSS Highlight Effect" src="http://www.theimgeek.com/wp-content/uploads/2010/10/highliters.jpg" alt="" width="560" height="200" /></p>
<p>You can draw attention to your important points <span class="highlight">as easy as putting pen to paper<span class="highlight_yellow"> </span></span> with these two realistic hand-drawn effects. <span class="highlight">Just copy, paste, and save<span class="underline_red"> </span></span> and that&#8217;s all there is to it!</p>
<h2 style="text-align: center;"><span class="highlight">Here&#8217;s How <span class="highlight">You<span class="highlight_yellow"> </span></span> Can Do It!<span class="underline_red"> </span></span></h2>
<p>This neato effect is created using a couple images and a little bit of CSS styling. This tutorial should be easy enough for anybody to follow, as no advanced technical skill is required.</p>
<h3><span class="highlight">Step 1:<span class="underline_red"> </span></span> Save the image files to your website</h3>
<div style="margin-left: 40px;">
<p>These two images create the effect itself. They need to be uploaded to your website. I suggest putting them into a sub-folder called <strong>images</strong>. Right click and choose <em>Save As&#8230;</em>.</p>
<p><div class="download-me"><p>Free Download:<br /><a href="http://www.theimgeek.com/download/highlight_yellow.png" title="Free Download: Yellow Highlighter Graphic">Yellow Highlighter Graphic</a><br /><span class="download-info"><img alt="png" title="png" class="download-icon" src="http://www.theimgeek.com/wp-content/plugins/download-monitor/img/filetype_icons/document-image.png" /> png 8.9 kB</span></p></div><br />
<div class="download-me"><p>Free Download:<br /><a href="http://www.theimgeek.com/download/underline_red.png" title="Free Download: Red Underline Graphic">Red Underline Graphic</a><br /><span class="download-info"><img alt="png" title="png" class="download-icon" src="http://www.theimgeek.com/wp-content/plugins/download-monitor/img/filetype_icons/document-image.png" /> png 987 bytes</span></p></div>&nbsp;</p>
<p>Note that these are PNG files with transparency, so they will look good on almost any background colour.</p>
</div>
<h3><span class="highlight">Step 2:<span class="underline_red"> </span></span> Add the CSS style code</h3>
<div style="margin-left: 40px;">
<p>This CSS code must be added to your stylesheet, or posted within the &lt;HEAD&gt; of your web page.</p>
<pre class="css">
<span class="cssSelector">.highlight {</span>
<span class="cssProperty">position</span><span class="cssRest">:</span><span class="cssValue"> relative</span><span class="cssRest">;</span>
<span class="cssProperty">padding-left</span><span class="cssRest">:</span><span class="cssValue"> -5px</span><span class="cssRest">;</span>
<span class="cssProperty">overflow</span><span class="cssRest">:</span><span class="cssValue"> visible</span><span class="cssRest">;</span>
<span class="cssProperty">font-weight</span><span class="cssRest">:</span><span class="cssValue"> bold</span><span class="cssRest">;</span>
<span class="cssProperty">height</span><span class="cssRest">:</span><span class="cssValue"> 100%</span><span class="cssRest">;</span>
<span class="cssSelector">}</span>
.highlight_yellow {
<span class="cssProperty">position</span><span class="cssRest">:</span><span class="cssValue"> absolute</span><span class="cssRest">;</span>
<span class="cssProperty">left</span><span class="cssRest">:</span><span class="cssValue"> -3px</span><span class="cssRest">;</span>
<span class="cssProperty">background-image</span><span class="cssRest">:</span><span class="cssValue"> url(<span class="cssString">&#039;images/highlight_yellow.png&#039;</span>)</span><span class="cssRest">;</span>
<span class="cssProperty">background-repeat</span><span class="cssRest">:</span><span class="cssValue"> no-repeat</span><span class="cssRest">;</span>
<span class="cssProperty">background-size</span><span class="cssRest">:</span><span class="cssValue"> 100%</span><span class="cssRest">;</span>
<span class="cssProperty">background-position</span><span class="cssRest">:</span><span class="cssValue"> 0px 0px</span><span class="cssRest">;</span>
<span class="cssProperty">margin-left</span><span class="cssRest">:</span><span class="cssValue"> -5px</span><span class="cssRest">;</span>
<span class="cssProperty">padding-right</span><span class="cssRest">:</span><span class="cssValue"> 5px</span><span class="cssRest">;</span>
<span class="cssProperty">width</span><span class="cssRest">:</span><span class="cssValue"> 105%</span><span class="cssRest">;</span>
<span class="cssProperty">line-height</span><span class="cssRest">:</span><span class="cssValue"> 200%</span><span class="cssRest">;</span>
<span class="cssProperty">overflow</span><span class="cssRest">:</span><span class="cssValue"> visible</span><span class="cssRest">;</span>
<span class="cssProperty">height</span><span class="cssRest">:</span><span class="cssValue"> 32px</span><span class="cssRest">;</span>
<span class="cssMedia">}</span>
.underline_red {
<span class="cssProperty">position</span><span class="cssRest">:</span><span class="cssValue"> absolute</span><span class="cssRest">;</span>
<span class="cssProperty">left</span><span class="cssRest">:</span><span class="cssValue"> -3px</span><span class="cssRest">;</span>
<span class="cssProperty">background-image</span><span class="cssRest">:</span><span class="cssValue"> url(<span class="cssString">&#039;images/underline_red.png&#039;</span>)</span><span class="cssRest">;</span>
<span class="cssProperty">background-repeat</span><span class="cssRest">:</span><span class="cssValue"> no-repeat</span><span class="cssRest">;</span>
<span class="cssProperty">background-position</span><span class="cssRest">:</span><span class="cssValue"> bottom</span><span class="cssRest">;</span>
<span class="cssProperty">background-size</span><span class="cssRest">:</span><span class="cssValue"> 100%</span><span class="cssRest">;</span>
<span class="cssProperty">margin-left</span><span class="cssRest">:</span><span class="cssValue"> -3px</span><span class="cssRest">;</span>
<span class="cssProperty">padding-bottom</span><span class="cssRest">:</span><span class="cssValue"> 5px</span><span class="cssRest">;</span>
<span class="cssProperty">width</span><span class="cssRest">:</span><span class="cssValue"> 105%</span><span class="cssRest">;</span>
<span class="cssProperty">line-height</span><span class="cssRest">:</span><span class="cssValue"> 105%</span><span class="cssRest">;</span>
<span class="cssProperty">overflow</span><span class="cssRest">:</span><span class="cssValue"> visible</span><span class="cssRest">;</span>
<span class="cssProperty">height</span><span class="cssRest">:</span><span class="cssValue"> 100%</span><span class="cssRest">;</span>
<span class="cssMedia">}</span>
</pre>
<p>Note: the paths to the image files, indicated in red, may have to be changed depending on where you saved those two images.</p>
</div>
<h3><span class="highlight">Step 3:<span class="underline_red"> </span></span> Pick out the text you want to highlight</h3>
<div style="margin-left: 40px;">
<p>Within the HTML of your page content, you have to pick out the words you want to highlight and surround them with a <strong>&lt;span&gt;</strong> tag, set to the <em>highlight</em> class.</p>
<pre class="html"><span class="htmlOtherTag">&lt;p&gt;</span>I can&#039;t emphasize enough <span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight&quot;</span>&gt;</span>just
how important this is<span class="htmlOtherTag">&lt;/span&gt;</span>. So pay attention!<span class="htmlOtherTag">&lt;/p&gt;</span></pre>
<p>This does not actually create the effect, but it helps to properly position the effect. Be sure to use the effect <em>sparingly</em> unlike what you see on this page!</p>
<p><span class="highlight">Important Note:<span class="highlight_yellow"> </span></span> The graphic effects will not work across a line break. If you want to highlight a long passage, you must apply the effect to each individual line.</p>
</div>
<h3><span class="highlight">Step 4:<span class="underline_red"> </span></span> Add your desired highlight effect</h3>
<div style="margin-left: 40px;">
<p>Now the graphic style gets tucked in right before the close of that &lt;span&gt; we just created. You add another &lt;span&gt;, with nothing inside except a space, and set the class to the effect you want. Either <strong>highlight_yellow</strong> or <strong>underline_red</strong>.</p>
<pre class="html"><span class="htmlOtherTag">&lt;p&gt;</span>I can&#039;t emphasize enough <span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight&quot;</span>&gt;</span>just how
important this is<span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight_yellow&quot;</span>&gt;</span><span class="htmlSpecialChar">&amp;nbsp;</span><span class="htmlOtherTag">&lt;/span&gt;</span>
<span class="htmlOtherTag">&lt;/span&gt;</span>. So pay attention!<span class="htmlOtherTag">&lt;/p&gt;</span></pre>
<p>And that&#8217;s all there is to it! You can apply the effect in the same way inside your paragraphs as well as headings. You can even highlight within an underline, or vice versa.</p>
<p>Troubleshooting:  If it&#8217;s not showing up, the most likely causes are that your CSS code is not in place, or the graphics have not been uploaded to the correct location.</p>
</div>
<h3>More Examples</h3>
<p style="text-align: center;">Just <span class="highlight">highlight the important bits.<span class="highlight_yellow"> </span></span></p>
<pre class="html">Just <span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight&quot;</span>&gt;</span>highlight the important bits.
<span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight_yellow&quot;</span>&gt;</span> <span class="htmlOtherTag">&lt;/span&gt;</span><span class="htmlOtherTag">&lt;/span&gt;</span></pre>
<p style="text-align: center;">Get out your <span class="highlight">red pen<span class="underline_red"> </span></span> for underlines.</p>
<p style="text-align: left;">
<pre class="html">Get out your <span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight&quot;</span>&gt;</span>red pen
<span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;underline_red&quot;</span>&gt;</span> <span class="htmlOtherTag">&lt;/span&gt;</span><span class="htmlOtherTag">&lt;/span&gt;</span> for underlines.</pre>
</p>
<p style="text-align: center;"><span class="highlight">How about an <span class="highlight">underline inside<span class="underline_red"> </span></span> of a highlight.<span class="highlight_yellow"> </span></span></p>
<p style="text-align: left;">
<pre class="html"><span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight&quot;</span>&gt;</span>How about an <span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight&quot;</span>&gt;</span>underline
inside<span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;underline_red&quot;</span>&gt;</span> <span class="htmlOtherTag">&lt;/span&gt;</span><span class="htmlOtherTag">&lt;/span&gt;</span>
of a highlight.<span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight_yellow&quot;</span>&gt;</span> <span class="htmlOtherTag">&lt;/span&gt;</span><span class="htmlOtherTag">&lt;/span&gt;</span></pre>
</p>
<p style="text-align: center;"><span class="highlight">And now a <span class="highlight">highlight in the middle<span class="highlight_yellow"> </span></span> of an underline.<span class="underline_red"> </span></span></p>
<p style="text-align: left;">
<pre class="html"><span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight&quot;</span>&gt;</span>And now a <span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight&quot;</span>&gt;</span>highlight in the
middle<span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;highlight_yellow&quot;</span>&gt;</span> <span class="htmlOtherTag">&lt;/span&gt;</span><span class="htmlOtherTag">&lt;/span&gt;</span>
of an underline.<span class="htmlOtherTag">&lt;span class=<span class="htmlAttributeValue">&quot;underline_red&quot;</span>&gt;</span> <span class="htmlOtherTag">&lt;/span&gt;</span><span class="htmlOtherTag">&lt;/span&gt;</span></pre></p>
]]></content:encoded>
			<wfw:commentRss>http://www.theimgeek.com/css-highlighter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello, I am the IM Geek</title>
		<link>http://www.theimgeek.com/hello/</link>
		<comments>http://www.theimgeek.com/hello/#comments</comments>
		<pubDate>Tue, 08 Feb 2011 20:48:36 +0000</pubDate>
		<dc:creator>Ryan</dc:creator>
				<category><![CDATA[Project Updates]]></category>
		<category><![CDATA[launch]]></category>

		<guid isPermaLink="false">http://www.theimgeek.com/?p=42</guid>
		<description><![CDATA[Witness the birth of the Internet Marketing Geek and his life-long mission of helping the world with the technical side of making money online.]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-43 top-image" title="party-blowout" src="http://www.theimgeek.com/wp-content/uploads/2010/10/party-blowout.jpg" alt="" width="560" height="200" /></p>
<h2>Party time! The IM Geek is in da house!</h2>
<p>That&#8217;s IM as in <em>&#8220;Internet Marketing&#8221;</em>&#8230; as in <em>&#8220;doing business online&#8221;</em>&#8230; as in <em>&#8220;sitting at home in your underwear while making money&#8221;</em>. (but I don&#8217;t tell everybody about that last bit)</p>
<p>My name is Ryan. For the past decade or more I&#8217;ve worked as a freelance website developer, designer, and all-round webmaster sorta guy. In that time I&#8217;ve soaked up more technical know-how than most. I&#8217;m here to share that knowledge with you in easy bite-sized pieces.</p>
<h2>Here&#8217;s how I can help you</h2>
<p>First, <a title="Ask the IM Geek" href="/ask/">ask me anything</a>. I&#8217;m taking your questions about website &#8220;stuff&#8221;, giving you a complete and hopefully very helpful answer, and sharing them in this blog for everybody else in the same boat.</p>
<p>Second, keep an eye out for tips and tutorials. You may not know what question you should ask, so I&#8217;ll be proactive in teaching you how to make your online business more efficient, and more profitable&#8230; and along the way, maybe a little more fun, too.</p>
<p>Third, I can&#8217;t help you at all if you&#8217;re not listening. So, <strong>subscribe to my email newsletter</strong>, or RSS feed, to keep tabs on everything I share. I can promise a complete lack of &#8220;marketing hype&#8221; and a whole lot of down to earth useful information.</p>
<p>I look forward to being of service to you soon. Please say hello.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.theimgeek.com/hello/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/


Served from: www.theimgeek.com @ 2012-05-20 09:46:57 -->
