<?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>webRulon &#187; How-To</title>
	<atom:link href="http://webrulon.com/blog/design-dev/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>http://webrulon.com</link>
	<description></description>
	<lastBuildDate>Mon, 15 Nov 2010 19:07:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<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" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
	<atom:link rel="hub" href="http://superfeedr.com/hubbub" />
			<item>
		<title>Use the Google Font API to Implement Awesome Fonts on your Website</title>
		<link>http://webrulon.com/use-the-google-font-api-to-implement-awesome-fonts-on-your-website/</link>
		<comments>http://webrulon.com/use-the-google-font-api-to-implement-awesome-fonts-on-your-website/#comments</comments>
		<pubDate>Wed, 11 Aug 2010 19:26:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2790</guid>
		<description><![CDATA[<a href="http://webrulon.com/use-the-google-font-api-to-implement-awesome-fonts-on-your-website/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/08/google_font_api_homepage-150x150.jpg" class="alignleft wp-post-image tfe" alt="google font api homepage" title="google font api homepage" /></a>Until recently, the font-world has evolved slower than a dinosaur stuck in superglue. This holds especially true for people on the web, who have been stuck with the same old fonts(Arial, Georgia, Verdana, Times New Roman) since, well, forever. The Google Font API is here to change all of that. At it&#8217;s heart, the Font [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Until recently, the font-world has evolved slower than a dinosaur stuck in superglue. This holds especially true for people on the web, who have been stuck with the same old fonts(Arial, Georgia, Verdana, Times New Roman) since, well, forever.</p>
<p>The Google Font API is here to change all of that. At it&#8217;s heart, the Font API is a databaes of &#8220;web fonts.&#8221; Web Fonts are, obviously, fonts for use on the web. The Google system is so much more than that, though.</p>
<p>Today we are going to go over the basics of Google Font API and how to make the best of the service in order to assure your websites are maxed out with the best fonts available.</p>
<p><img class="alignnone size-full wp-image-2807" title="google font api homepage" src="http://webrulon.com/wp-content/uploads/2010/08/google_font_api_homepage.jpg" alt="google font api homepage" width="472" height="339" /></p>
<p>Implementing Google API requires no programming skills, however a basic grasp of html and web skills couldn&#8217;t hurt. If you lack even the rudimentary skills needed to implement the suite, then make a web-savvy friend do it for you. Offer them dinner or beer in exchange. It will take them only five minutes, promise.</p>
<p><strong>How it works</strong></p>
<p>Google Font API uses a CSS property called @font-face. Don&#8217;t worry if this is Greek to you. You don&#8217;t need to be well-versed in the nuances of CSS in order to navigate your way around Google API.</p>
<p>The property @font-face allows you to use font files. Font files typically come with the extensions .otf and .ttf. These may be familiar to you from programs as Photoshop and Microsoft Word. Font file extensions haven&#8217;t changed in a long, long time so chances are you are at least somewhat familiar.</p>
<p>The problem in the past has been that each particular  browser were built to handle different font faces. For instance, Firefox only accepts .otf while Explorer only accepts .eot. Websites have been forced to scramble and invent workarounds on the fly that mock different extensions. It has been problematic at best. Google Font API has finally solved this problem.</p>
<p><strong>The benefits </strong></p>
<p>The obvious benefit is the implementation of web fonts is greatly simplified with using Google Fonts API. Obviously, there will be no more need to worry about the quirks of various browsers. API also works around tricky licensing issues regarding the legality of using certain fonts. This is because the fonts are open source and supplied by Google themselves. No more worries about using illegal fonts.</p>
<p>Also, did we mention it&#8217;s free? You don&#8217;t even have to enter an email address in order to use the service. There are reasons it is becoming the gold standard of the web-based font world.</p>
<p><strong>How to use it</strong></p>
<p>The font previewer now does a lot of this automatically so if you want you can skip below to that. However, for those interested parties, here is the nuts and bolts of how to use Google Font API.</p>
<p>There are two steps to get started.</p>
<p>What you want to do at first is reference the CSS stylesheet you need within your HTML document. Put this in the &lt;head&gt; tags found around the top. Make sure this is in all the pages you want to use the API with. If you use a template such as Wordpress, you just have to do this once and the software will automatically import it across all of your pages. If not, you may have to go in there manually. Don&#8217;t worry. It won&#8217;t take too long.</p>
<p>Look at the example below. The &lt;link&gt; tag is where you are referencing Google API. Note: Fontname is whatever font you wish to use in your page. Please replace with an actual font found in the <a href="http://code.google.com/webfonts" target="_blank">Google  Font Directory</a>.</p>
<p><code>&lt;/head&gt;</code><br />
<code> &lt;title&gt;Home  Page&lt;/title&gt;</code><br />
<code> &lt;link rel="stylesheet"  type="text/css"  href="http://fonts.googleapis.com/css?family=FontName"&gt;</code><br />
<code>&lt;/head&gt;/&gt;</code></p>
<p>Step two is to use CSS to specify the use of the font we have just requested. If we want to use the mythical Fontname font on all of our pages, it would go something like this:</p>
<p><code>p {</code><br />
<code> font-family: 'FontName';</code><br />
<code> font-size: 12px;</code><br />
<code>}</code></p>
<p>See. Easy. You don&#8217;t really need to know anything about CSS in order to get it working. Just remember that Fontname is the name of the whatever font you choose and 12px is the size.</p>
<p><strong>Multiple fonts </strong></p>
<p>Let&#8217;s say you want to use more than one font on your page. You aren&#8217;t boring, after all! Here is what you do. Just append your request with an | symbol followed by another font name. Look at this example:</p>
<p><code>&lt;link rel="stylesheet" type="text/css"  href="http://fonts.googleapis.com/css?family=FontName:bolditalic|AnotherFontName:italic"&gt;</code></p>
<p>Do you see where you place words to italicize or make text bold? It&#8217;s really as simple as that. You aren&#8217;t missing anything.</p>
<p><strong>Tools </strong></p>
<p>There are a few handy tools for use with Google Font API.</p>
<h3><a href="http://code.google.com/webfonts/preview" target="_blank">Google  Font Previewer</a></h3>
<p><img class="alignnone size-full wp-image-2808" title="google font previewer" src="http://webrulon.com/wp-content/uploads/2010/08/google-font-previewer.jpg" alt="google font previewer" width="480" height="428" /></p>
<p>This lets you experiment with each font before you &#8220;commit&#8221; to adding them to your site. It truly is useful. It lets you adjust the size, the weight, the look, just about anything. Then, voila, it generates the necessary code you need to slap on your site. So, basically, the previewer allows you to ignore the tutorial we just laid out. Hey, it&#8217;s good to know how stuff works though, right?</p>
<h3><a href="http://code.google.com/webfonts" target="_blank">Google  Font Directory</a></h3>
<p><img class="alignnone size-full wp-image-2809" title="google font directory" src="http://webrulon.com/wp-content/uploads/2010/08/google_font_directory.jpg" alt="google font directory" width="472" height="339" /></p>
<p>The directory lists all of the fonts that Google has vetted that are available for use. It&#8217;s a good way to get a bead on what is out there so you can start planning your site accordingly. It also features the ability to snag the code for implementation. It&#8217;s a user-friendly experience that is designed to, of course, simplify things for web designers. Those crafty cads at Google, always making things easier!</p>
<h3><a href="http://code.google.com/apis/webfonts/docs/webfont_loader.html" target="_blank">Web Font Loader</a></h3>
<p>This is for the experienced programmers out there. This is a JavaScript library that allows great flexibility and experimentation with fonts. If you need control over the fonts used in your webpage, then this is for you. Newbies, stay away.</p>
<p>That is it! Google Font API. It sounds useful doesn&#8217;t it? Head on over and give it a try. Your dusty old webpage will thank you.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/use-the-google-font-api-to-implement-awesome-fonts-on-your-website/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Make Great Presentations</title>
		<link>http://webrulon.com/how-to-make-great-presentations/</link>
		<comments>http://webrulon.com/how-to-make-great-presentations/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 20:39:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Consulting]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2787</guid>
		<description><![CDATA[<a href="http://webrulon.com/how-to-make-great-presentations/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/08/Presentations-150x150.gif" class="alignleft wp-post-image tfe" alt="Presentations" title="Presentations" /></a>Presentations. They are a terrifying and important part of adult life. How else to emphatically get information across to a large group of people at the same time. And no, the Internet doesn&#8217;t count. Still, it takes a certain kind of person to really knock presentations out of the ballpark. Or does it? Read along [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-2792" title="Presentations" src="http://webrulon.com/wp-content/uploads/2010/08/Presentations.gif" alt="Presentations" width="325" height="291" /></p>
<p>Presentations. They are a terrifying and important part of adult life. How else to emphatically get information across to a large group of people at the same time. And no, the Internet doesn&#8217;t count. Still, it takes a certain kind of person to really knock presentations out of the ballpark. Or does it? Read along and practice these tips and you are sure to have them rolling in the aisles. Don&#8217;t worry, you won&#8217;t have to imagine anyone in the audience naked.</p>
<p><strong>Plan. Plan. Plan.<br />
</strong></p>
<p>This might seem obvious but a presentation is really only as good as the amount of practice that went into it. Write it out. Tinker with the words until they are perfect.  Then, practice. Practice for your loved ones. Practice for your hated ones. Practice for anyone that will listen. While you are planning it all out, always consider the audience. What are you trying to convey to them? What is your main point? Never lose site of that.</p>
<p><strong>Metaphors are your friend </strong></p>
<p>Often you will find yourself giving a presentation on a complicated subject to a group of people who are not in the know. How do you make sure they get your main point? Well one good way is by use of metaphors, comparisons and analogies. Re-brand the idea to a simpler set of terms that the audience is sure to follow. For example, “PPC is like your direct marketing, but with the advantage  of instant feedback”</p>
<p><strong>Demonstrate </strong></p>
<p>If at all possible, show your idea in action. This could be via Powerpoint, a short film, or even via a chalkboard. Take the famous adage &#8220;A picture is worth 1,000 words&#8221; to heart. Many people simply can&#8217;t process information by the spoken word alone. If all else fails, go for a case study. A minor caveat: Do not rely solely on Powerpoint, however. This is a common mistake made by presentation newbies.</p>
<p><strong>Get the audience involved</strong></p>
<p>This may seem like a no-brainer but it&#8217;s amazing how many presentations I&#8217;ve seen where the emcee doesn&#8217;t use their most valuable asset: us. Do whatever it takes to get the audience actively engaged and involved. Ask for questions and comments. Conduct a Q&amp;A session. Hand out relavent paraphernalia.  Remember, there are those that learn via the spoken or written word and there are also those who learn via visual cues. Finally, there is a third set of people who learn via active engagement. Be sure to target all three groups.</p>
<p><strong>The big question</strong></p>
<p>The big question your audience members are running through their heads is &#8220;Why should I care?&#8221; This must be answered almost immediately upon beginning your presentation. Put yourself in your audience&#8217;s shoes and try to figure out what problem is solved via whatever idea you are discussing. Tackle that quickly and succinctly and you&#8217;ll have their attention and, hopefully, their admiration.</p>
<p><strong>Short sentences rule </strong></p>
<p>There is a reason the 140-character Twitter has taken over the web. People love to have ideas delivered to them clearly and concisely. The more you can reduce your idea, the easier it will be to impart to the audience. Edit. Edit. Edit. This isn&#8217;t to say you should speak like a caveman. Just go at your notes with Occam&#8217;s Razor. Anything that isn&#8217;t absolutely vital can go. Which leads us to.</p>
<p><strong>The rule of three </strong></p>
<p>The rule of three can be used to maximize your audience&#8217;s understanding. Keep your presentation, and your idea, distilled to three main points? Why just three? Think about how effective this rule has been in drama(Plays have three acts) and humor(Most jokes follow this rule to a tee.) There is something about the human brain and groups of three that just seem to gel. Besides, you want your audience to remember just about everything you said. Why makes things more complicated than they have to be? You aren&#8217;t reading from a textbook. You are giving a presentation.</p>
<p><strong>Heroes and villains </strong></p>
<p>Throughout the &#8220;narrative&#8221; of your presentation, you should develop some clear-cut heroes and villains. The villain should be whatever is the problem you are looking to solve, or some kind of representation thereof. The hero, then, should be the idea you are proposing to solve said problem. If dirty floors are the villain then the wonder-mop you are discussing is the hero. Get it? More PPC-speak, the villain could be antiquated media channels. Both hero and villain will become obvious once you&#8217;ve worked out your idea well enough. Also, begin this narrative early on. The villain should be pronounced as soon as you can. You want to get people thinking about it.</p>
<p><strong>Talk about what you love</strong></p>
<p>Now this isn&#8217;t always possible in the real world, but love is infectious. You are going to have a certain amount of trouble faking excitement. You are in the business, and not acting, world after all. Try to stick to presentations on subject matters you are actually interested in. Trust me. The audience will pick up on this and your excitement will soon become their excitement.</p>
<p>That is about it. Remember, don&#8217;t stress out about it. At the end of the day it&#8217;s just a presentation.  Follow these simple steps and you&#8217;ll do fine.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/how-to-make-great-presentations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Ways to Maintain Client Relationships Long After the Work is Complete</title>
		<link>http://webrulon.com/5-ways-to-maintain-client-relationships-long-after-the-work-is-complete/</link>
		<comments>http://webrulon.com/5-ways-to-maintain-client-relationships-long-after-the-work-is-complete/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 15:14:38 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Social Networking]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2760</guid>
		<description><![CDATA[<a href="http://webrulon.com/5-ways-to-maintain-client-relationships-long-after-the-work-is-complete/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/08/business-relationship-150x150.jpg" class="alignleft wp-post-image tfe" alt="business relationship" title="business relationship" /></a>So you&#8217;ve wowed a client with your professional and brilliant work. Now what? Ideally, you want to keep a relationship going. This isn&#8217;t to sell any kind of post-product add-on or anything(Although, that&#8217;s possible if that&#8217;s your bag.) Rather, it&#8217;s just to keep a a healthy business-to-client relationship going. This awards many benefits as far [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-2761" title="business relationship" src="http://webrulon.com/wp-content/uploads/2010/08/business-relationship.jpg" alt="business relationship" width="300" height="225" /></p>
<p>So you&#8217;ve wowed a client with your professional and brilliant work. Now what? Ideally, you want to keep a relationship going. This isn&#8217;t to sell any kind of post-product add-on or anything(Although, that&#8217;s possible if that&#8217;s your bag.) Rather, it&#8217;s just to keep a a healthy business-to-client relationship going. This awards many benefits as far as referrals and, well, just plain ole human decency. Not to mention repeat service.</p>
<p>So how do you do it? There is really no reason to contact them once the work is done, after all. You don&#8217;t want to seem like a desperate person you met once who is always asking you to hang out even though it&#8217;s obvious it&#8217;s not gonna happen.</p>
<p>Here are five natural and effective ways you can do it.</p>
<h2>Send Newsletters</h2>
<p>Does your company send out a monthly newsletter? If not, get on that. It&#8217;s a good way to stay in touch with customers and let them know you are still around, doing your thing. Even if you don&#8217;t have a formal mailing list, you can still send out emails to key clients every now and again that take the form of a mailing list email . This way you can keep those key relationships alive.</p>
<h2>Clip Items of Interest</h2>
<p>As you go through your day, reading newspapers, blogs, books or any other business reading material, keep an eye out for subjects your key clients would be interested in. If you find something that reflects their industry&#8217;s needs, send it along with a note.</p>
<p>Over time, this will become second nature and will begin to take no time at all. Your eyes will be trained to notice things regarding their interests and you&#8217;ll have it packed up and sent before you know it. It can do a lot of good in the long run.</p>
<h2>Chat ‘Em Up on Social Networks</h2>
<p>If your clients participate in the same social networks as you, make an effort to befriend them to stay in touch. If you are not on the same social networks as them, join the ones they are on. Social media is great for quick check-ins, and it can also give you a  way to stay in tune with what’s going on in their businesses. This way you can  be ready to offer your services when the need eventually arises. Instant business.</p>
<h2>Make a Call</h2>
<p>This is simple and obvious. Give a quick call to say hello. Of course, do this in extreme moderation. You don&#8217;t want to overstay your welcome. You may want to also email first as a sort of &#8220;warning&#8221; that a call will be forthcoming.</p>
<h2>Send Referrals</h2>
<p>Conventional wisdom dictates referrals as client-to-vendor benefits, but why not refer others to the businesses of your clients? It sure would make them happy, and get them to return the favor at a later date. Make a habit of keeping an eye out for potential customers for your clients when you do your networking rounds.</p>
<p>Throughout all of your interactions, don’t forget to ask the clients what they have going on. This is a great way to potentially get in the door with return work via happy clients. Remember, a happy client is a client who will work with you again.</p>
<p>So that&#8217;s about it. What do you do to maintain that all-important client relationship once the work has gone the way of the Dodo?</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/5-ways-to-maintain-client-relationships-long-after-the-work-is-complete/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fighting Back Against Email Overload</title>
		<link>http://webrulon.com/fighting-back-against-email-overload/</link>
		<comments>http://webrulon.com/fighting-back-against-email-overload/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 15:30:08 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[E-Mail Marketing]]></category>
		<category><![CDATA[Email]]></category>
		<category><![CDATA[How-To]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2756</guid>
		<description><![CDATA[<a href="http://webrulon.com/fighting-back-against-email-overload/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/07/email-overload-150x150.jpg" class="alignleft wp-post-image tfe" alt="email-overload" title="email-overload" /></a>Who doesn&#8217;t love email? It&#8217;s easy, convenient and trackable. We all have our various systems for managing it. Mine is far from perfect but I’m usually able to make quick decisions about each message I receive. Some emails I file away. Others I transfer to a different folder or project. Some I tag for the [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-2757" title="email-overload" src="http://webrulon.com/wp-content/uploads/2010/07/email-overload.jpg" alt="email-overload" width="325" height="243" /></p>
<p>Who doesn&#8217;t love email? It&#8217;s easy, convenient and trackable. We all have our various systems for managing it. Mine is far from perfect but I’m usually able to make quick decisions  about each message I receive. Some emails I file away. Others I transfer to a different folder or project. Some I tag for the future and some I answer on the spot. It&#8217;s all about quick decisions. My eternal aim is to have just a few messages(Under twenty) at any given time in my mailbox. That&#8217;s the goal anyways.</p>
<p>It works. The field of email management is one where I feel pretty confident. However, the interruptions that come with email are another story.</p>
<h2>The Problem</h2>
<p>Like most people who work for a living, I keep my email client open all day. I don&#8217;t use a visual notification to alert me when new emails show up, but I do have an audio alert set up. I chose the quietest, shortest and least obtrusive alert.  It’s a nice, gentle ping. Kind of relaxing actually.</p>
<p>But on some days, I can shoot from 20 to 120 messages in no time at all. There&#8217;s also that attention-craving Blackberry buzzing about my desk, also letting me know there are treasures to be read. How do you say no?</p>
<p>I try not to stray off task, but I am guilty of peeking once in a while when something comes in. Again, it&#8217;s hard to say no. The pause I take to take a peek at these emails has certainly begun to take chunks out of productivity. For instance, once the pause happens it takes me a few minutes to get back into the groove of writing. A lot of backtracking needs to be done.</p>
<p>This week I decided to face this problem head on.</p>
<h2>The Solution</h2>
<p>For me, the solution could not be removal of email. I need it. I also can&#8217;t even decide to look at it just once a day. Certain emails are time sensitive and that could be a disaster. But I no longer can afford to be run by the ping-pinging of new emails. I needed to turn the tables.</p>
<h3>I shut down my email client.</h3>
<p>Wait, didn&#8217;t I just say I wasn&#8217;t&#8217; going to do that? Hear me out. I have more than 12 email accounts coming into my email client. Most of  these are not accounts I need to check multiple times a day or even  every day.</p>
<p>Also, having those twenty or so emails I have to act on staring me in the face all day tends to get, um, distracting. After all, I am not able to act on a great many of them yet.</p>
<p>As part of my solution, I open my email client just a few times a day to  let messages download and to make sure I’m not missing anything  important.</p>
<h3>I changed my BlackBerry notification settings.</h3>
<p>Gone are the vibrations that alert me to new messages. The Blackberry is a silent movie now.</p>
<h3>I started using webmail.</h3>
<p>My primary webmail account only contains my top-priority email, the  messages I need to see quickly. None of these messages are tagged, labeled, colored or anything like that. There is no filtering of any kind whatsoever. This makes it perfect for a quick sneak and peek. Plus, I can delete the junk before it downloads into my email client,  making it more manageable later on.</p>
<h3>I (am trying to) reset my brain.</h3>
<p>This is the hardest part of all. Training your brain into realizing that email WILL be there whenever you are done with what you are doing. You really and truly are not missing anything by waiting an hour to check it. The super important stuff can stream into your webmail and all will be right with the world.</p>
<p>That&#8217;s pretty much it. Call it a &#8220;zen state.&#8221; Call it &#8220;email meditation.&#8221; Call it what you will. It&#8217;s working. I finally feel like email is working at my command and not the other way  around. It may seem simple, but I think I’m winning this battle.</p>
<h2>What’s Your Problem?</h2>
<p>What are your most pressing email concerns and what do you do to fix them?</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/fighting-back-against-email-overload/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How To Manipulate Images With The Photoshop Clone Stamp Tool</title>
		<link>http://webrulon.com/how-to-manipulate-images-with-the-photoshop-clone-stamp-tool/</link>
		<comments>http://webrulon.com/how-to-manipulate-images-with-the-photoshop-clone-stamp-tool/#comments</comments>
		<pubDate>Mon, 26 Jul 2010 19:13:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://webrulon.com/new/?p=887</guid>
		<description><![CDATA[<a href="http://webrulon.com/how-to-manipulate-images-with-the-photoshop-clone-stamp-tool/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/07/clone-150x150.jpg" class="alignleft wp-post-image tfe" alt="clone" title="clone" /></a>Those new to the wonders of Photoshop absolutely fall in love with the handy, dandy Clonestamp tool. And why shouldn&#8217;t they? It&#8217;s simply a blast to remove people from photographs, fixing up damaged photographs or just having a grand old time adding bits and filling things in. In short, the Clone tool is an amazing [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>Those new to the wonders of Photoshop absolutely fall in love with the handy, dandy Clonestamp tool. And why shouldn&#8217;t they? It&#8217;s simply a blast to remove people from photographs, fixing up damaged photographs or just having a grand old time adding bits and filling things in. In short, the Clone tool is an amazing tool to have for Photoshop newbies and veterans alike. It&#8217;s also fantastic for retouchers. So, how does this thing work?</p>
<p>The Clone Stamp tool samples pixels from one area of an image and copies  them to another part of the image. You use your brush to actually &#8220;paint&#8221; areas using another area you have set to be &#8220;cloned.&#8221; The tool allows usage of any brush tip or shape, which allows for very precise control over both manipulated areas. You can also sample from one image and apply the clone in another image, so long as both reside in the same color mode.</p>
<p>Look at the sample image below. We are going to remove the butterfly from the background. The results will be the same with any image and object you choose.</p>
<p>1. Open up your image in Photoshop.</p>
<p><img class="alignnone size-full wp-image-2734" title="clone" src="http://webrulon.com/wp-content/uploads/2010/07/clone.jpg" alt="clone" width="412" height="309" /></p>
<p>2. Select the Clone Stamp tool (<img style="border: 0px none; display: inline;" title="clip_image001" src="http://www.sitepoint.com/blogs/wp-content/uploads/2009/11/clip_image001.png" border="0" alt="clip_image001" width="20" height="20" />).</p>
<p><img class="alignnone size-full wp-image-2735" title="Clone2" src="http://webrulon.com/wp-content/uploads/2010/07/Clone2.png" alt="Clone2" width="211" height="51" /></p>
<p>3. On the tool options bar, open the Brush pop-up palette and select a  medium-sized brush with a medium-soft edge. For this example, we&#8217;ll set the  brush diameter to 200 pixels and the hardness to 50%. It’s a good idea  to use a soft-edge brush, otherwise you will see a very hard line where  the cloning takes place. You want it to seem as natural as possible, after all.</p>
<p><img class="alignnone size-full wp-image-2736" title="clone3" src="http://webrulon.com/wp-content/uploads/2010/07/clone3.png" alt="clone3" width="258" height="308" /></p>
<p>4. Make sure that the Aligned option is selected.</p>
<p><img class="alignnone size-full wp-image-2737" title="Clone4" src="http://webrulon.com/wp-content/uploads/2010/07/Clone4.jpg" alt="Clone4" width="414" height="27" /></p>
<p>Now set a sample point in the area you want to duplicate and clone to the next area. When you select Aligned in the options bar, it means you will reuse the <strong>most  current</strong> sampling point no matter how often you stop and resume  painting. This is important because if it is not checked, then you&#8217;ll end up reusing the same pixels every time you paint.</p>
<p>5. Move the Clone Stamp tool pointer to the dark area on the left side  of the butterfly. Hold down Alt (Windows) or Option (Mac) and the  pointer becomes a set of cross-hairs. Click once to set that point as  your sampling point. Release the Alt or Option key. Easy peasy.</p>
<p><img class="alignnone size-full wp-image-2738" title="Clone5" src="http://webrulon.com/wp-content/uploads/2010/07/Clone5.jpg" alt="Clone5" width="390" height="269" /></p>
<p>6. Click and drag the Clone Stamp tool over a small area of the  butterfly’s wing. As you drag the cursor, the wing will start to disappear as it is  replaced with the pixels you’re sampling from.  The cross-hairs that appear to the right of the Clone Stamp tool  indicate the source area of the image that you are replicating as you  drag. It may sound complicated but once you get to this step it will make perfect sense.</p>
<p><img class="alignnone size-full wp-image-2740" title="Clone6" src="http://webrulon.com/wp-content/uploads/2010/07/Clone6.jpg" alt="Clone6" width="351" height="300" /></p>
<p>7. Release the mouse button and move the pointer to another part of the  butterfly wing. The cross-hairs will maintain the same spatial relationship to  the Clone Stamp tool pointer that it had when you made the first stroke. This is the beauty of clicking on the aligned option at the beginning of the process. You did do that, right?</p>
<p>8. You can reset the sample area anytime by performing this procedure. Simply hold down the Alt  (Windows) or Option (Mac) key and click once. You will need to do  this several times to completely remove the butterfly. Don’t forget  to re-size your brush as you go. Keep cloning until you have removed the  side of the butterfly on the dark side of the <span style="text-decoration: line-through;">moon</span> tar macadam.</p>
<p>9. Reset the sample point and do the same thing as before on the white side until you have  cloned “out” the rest of the butterfly. To finish the area where  the butterfly sat, take samples above and below.</p>
<p><img class="alignnone size-full wp-image-2741" title="Clone7" src="http://webrulon.com/wp-content/uploads/2010/07/Clone7.png" alt="Clone7" width="181" height="399" /></p>
<p>That&#8217;s it! Not so hard right? Don&#8217;t be afraid to keep re-sampling as you go on. And don&#8217;t worry. As you clone more and more, the shortcuts will begin to become second nature. Eventually it will be like riding a bike. Below, feast your eyes on the finished product.</p>
<p><img class="alignnone size-full wp-image-2742" title="Clone8" src="http://webrulon.com/wp-content/uploads/2010/07/Clone8.jpg" alt="Clone8" width="450" height="336" /></p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/how-to-manipulate-images-with-the-photoshop-clone-stamp-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>25 Powerful and Useful jQuery Tutorials for Developers and Designers</title>
		<link>http://webrulon.com/25-powerful-and-useful-jquery-tutorials-for-developers-and-designers/</link>
		<comments>http://webrulon.com/25-powerful-and-useful-jquery-tutorials-for-developers-and-designers/#comments</comments>
		<pubDate>Thu, 27 May 2010 19:04:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ajax & Javascript]]></category>
		<category><![CDATA[Design Examples]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/new/?p=814</guid>
		<description><![CDATA[<a href="http://webrulon.com/25-powerful-and-useful-jquery-tutorials-for-developers-and-designers/"><img align="left" hspace="5" width="150" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut1.png" class="alignleft wp-post-image tfe" alt="jQuery Tutorials" title="" /></a>25 Powerful and Useful jQuery Tutorials for Web Developers and Designers jQuery is all over the place these days. It&#8217;s rapidly catching up to CSS as the web template of choice for up and coming designers. It&#8217;s easy to see why. It&#8217;s constantly changing. Evolving. The only problem with this is, however, you have to [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><h3>25 Powerful and Useful jQuery Tutorials for Web Developers and Designers</h3>
<p>jQuery is all over the place these days. It&#8217;s rapidly catching up to CSS as the web template of choice for up and coming designers. It&#8217;s easy to see why. It&#8217;s constantly changing. Evolving. The only problem with this is, however, you have to constantly change and evolve as well. One simple must keep track of all of the new plugins, tutorials and addons that come down the pike. It can be quite an undertaking. Don&#8217;t worry, though. Webrulon is here to help. Here is a list of 25 recent tutorials that will get you up to speed and have you jQuery-ing in no time.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut1.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/">Submit  A Form Without Page Refresh using jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/nettuts.com');" href="http://nettuts.com/demos/contactform/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This teaches you exactly what it says it does. Get rid of annoying page refreshes and let your users submit a form with simplicity and ease. Not a bad feature to have on a website. This will prevent people from clicking away in annoyance.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.reynoldsftw.com');" href="http://www.reynoldsftw.com/2009/03/live-email-validation-with-jquery/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut2.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/demos.reynoldsftw.com');" href="http://demos.reynoldsftw.com/ValidateEmail.html"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/demos.reynoldsftw.com');" href="http://demos.reynoldsftw.com/ValidateEmail.html">Live  Email Validation</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.solostream.com');" href="http://www.solostream.com/category/wordpress-wizardry/wordpress-blog-themes/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : In this tutorial you will learn how you  can validate the format of an email address “live” using that crafty jQuery. It will also let you use regular expressions without any additional plugins.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/css-tricks.com');" href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut3.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/css-tricks.com');" href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/css-tricks.com');" href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/">Fading  Menu – Replacing Content</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/css-tricks.com');" href="http://css-tricks.com/examples/MenuFader/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This teaches you to replace content on the fly, live. The possibilities are pretty endless here. For instance, you could use it for animation or to react live to events as they happen on your site. Not a bad thing to know.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/valums.com');" href="http://valums.com/scroll-menu-jquery/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut4.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/valums.com');" href="http://valums.com/scroll-menu-jquery/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/valums.com');" href="http://valums.com/scroll-menu-jquery/">Create  a Scrolling Menu with CSS and jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/valums.com');" href="http://valums.com/wp-content/uploads/2009/02/menu/final.htm" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This is exactly what it sounds like. Create a scrolling menu using CSS and jQuery. Your website isn&#8217;t classy unless it has a scrolling menu, right? Scrolling menus are the Segways of the 2010 web.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webgurusdesignblog.com');" href="http://www.webgurusdesignblog.com/2009/02/creating-a-live-update-list-effect-with-jquery/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut5.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webgurusdesignblog.com');" href="http://www.webgurusdesignblog.com/2009/02/creating-a-live-update-list-effect-with-jquery/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webgurusdesignblog.com');" href="http://www.webgurusdesignblog.com/2009/02/creating-a-live-update-list-effect-with-jquery/">Create  a live-update list effect with jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webgurusdesignblog.com');" href="http://www.webgurusdesignblog.com/demo/jquery-live-update-effect/live_update_effect_tutorial.html#" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : A live-update list effect is, essentially, a list that is generated  as new data is added. This tutorial will teach you how to do it. No more outside looking in on this one.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/articles/news/plus-tutorial-build-an-advanced-poll-jquery-plugin-and-a-giveaway/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut6.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/articles/news/plus-tutorial-build-an-advanced-poll-jquery-plugin-and-a-giveaway/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/articles/news/plus-tutorial-build-an-advanced-poll-jquery-plugin-and-a-giveaway/">Advanced  “Poll” jQuery Plugin</a></span><strong> </strong></p>
<p><strong>Description</strong> : This tutorial will teach you how to create a jQuery plugin from start to finish. What&#8217;s the plugin do? Allows you to easily add a simple poll widget to a web  page or blog. Don&#8217;t worry. Future plugins will be much more dastardly.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/sqeeks.com');" href="http://sqeeks.com/?p=240"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut7.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/sqeeks.com');" href="http://sqeeks.com/?p=240"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/sqeeks.com');" href="http://sqeeks.com/?p=240">How  to Use jQuery to Preload an Image with a Fade-In Effect</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/sqeeks.com');" href="http://sqeeks.com/wp-content/uploads/2008/12/preload_images/preload.php#" class="broken_link"  target="_blank">View Demo</a>.<br />
<strong>Description</strong> : There are all kinds of way to speed up, or give the illusion therein, the way images load on your website. This plugin teaches you aboutl the preloading capabilities of JavaScript while using the jQuery Framework.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/csscody.com');" href="http://csscody.com/demo/download-flickr-menu-design/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut8.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/csscody.com');" href="http://csscody.com/demo/download-flickr-menu-design/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/csscody.com');" href="http://csscody.com/demo/download-flickr-menu-design/">Flickr  Menu Design</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/csscody.com');" href="http://csscody.com/demo/wp-content/demo/FlickrMenu/index.html" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This tutorial will explain how to create a simple step-by-step way to implement a Flickr  Horizontal Menu in CSS and jQuery. Now get that camera snapping.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/articles/news/new-plus-tutorial-build-an-awesome-popup-jquery-calculator/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut9.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/articles/news/new-plus-tutorial-build-an-awesome-popup-jquery-calculator/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/articles/news/new-plus-tutorial-build-an-awesome-popup-jquery-calculator/">Awesome  Popup jQuery Calculator</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/articles/news/new-plus-tutorial-build-an-awesome-popup-jquery-calculator/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : Numbers! Who needs em? Well, mostly everyone actually. This tutorial will help you keep a handle on them pesky numbers by having you build a popup jQuery calculator for your site.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.thewebsqueeze.com');" href="http://www.thewebsqueeze.com/web-design-tutorials/semantic-blockquotes-with-jquery.html"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut10.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.thewebsqueeze.com');" href="http://www.thewebsqueeze.com/web-design-tutorials/semantic-blockquotes-with-jquery.html"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.thewebsqueeze.com');" href="http://www.thewebsqueeze.com/web-design-tutorials/semantic-blockquotes-with-jquery.html">Semantic  Blockquotes with jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.thewebsqueeze.com');" href="http://www.thewebsqueeze.com/web-design-tutorials/semantic-blockquotes-with-jquery.html" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : Blockquotes are useful in making  your text visually appealing. This tutorial shows you how to create said  blockquotes using  jQuery. This is a fairly easy tutorial so, beginners, have at it.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/dabrook.org');" href="http://dabrook.org/blog/articles/selecting-and-styling-external-links-or-pdf-ppts-and-other-files-by-extensi/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut11.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/dabrook.org');" href="http://dabrook.org/blog/articles/selecting-and-styling-external-links-or-pdf-ppts-and-other-files-by-extensi/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/dabrook.org');" href="http://dabrook.org/blog/articles/selecting-and-styling-external-links-or-pdf-ppts-and-other-files-by-extensi/">Selecting  and Styling External Links, PDFs, PPTs …</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/dabrook.org');" href="http://dabrook.org/blog/articles/selecting-and-styling-external-links-or-pdf-ppts-and-other-files-by-extensi/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This handy tutorial teaches you how to  use jQuery to select and style PDFs, PPT, images, and external links using jQuery and CSS.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.reynoldsftw.com');" href="http://www.reynoldsftw.com/2009/02/authenticating-twitter-api-calls-with-php-and-jquery/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut12.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.reynoldsftw.com');" href="http://www.reynoldsftw.com/2009/02/authenticating-twitter-api-calls-with-php-and-jquery/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.reynoldsftw.com');" href="http://www.reynoldsftw.com/2009/02/authenticating-twitter-api-calls-with-php-and-jquery/">Authenticating  Twitter API calls with PHP &amp; jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.reynoldsftw.com');" href="http://www.reynoldsftw.com/2009/02/authenticating-twitter-api-calls-with-php-and-jquery/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This tutorial teaches you how to create a simple call to the Twitter API to with your site&#8217;s Twitter credentials. This makes it easy to quickly and effortlessly post topics related to your blog from your Twitter. Great for multitaskers.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/blog.themeforest.net');" href="http://blog.themeforest.net/tutorials/jquery-slideshows-with-the-cycle-plugin/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut13.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/blog.themeforest.net');" href="http://blog.themeforest.net/tutorials/jquery-slideshows-with-the-cycle-plugin/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/blog.themeforest.net');" href="http://blog.themeforest.net/tutorials/jquery-slideshows-with-the-cycle-plugin/">jQuery  Slideshows With the Cycle Plugin</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/themeforest.s3.amazonaws.com');" href="http://themeforest.s3.amazonaws.com/47_cycle/Example/index.html" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : Wanna  implement the jQuery Cycle?  This tutorial shows you how. What is the jQuery Cycle? A plugin that allows developers to quickly  and easily create a slideshow out of anything contained within a given  div element. Cool!</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/marcgrabanski.com');" href="http://marcgrabanski.com/article/jquery-google-maps-tutorial-basics"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut14.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/marcgrabanski.com');" href="http://marcgrabanski.com/article/jquery-google-maps-tutorial-basics"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/marcgrabanski.com');" href="http://marcgrabanski.com/article/jquery-google-maps-tutorial-basics">jQuery  and Google Maps Tutorial</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/marcgrabanski.com');" href="http://marcgrabanski.com/webroot/resources/jquery-ui-google-maps/tutorial-part1.html" class="broken_link"  target="_blank">View Demo</a>.<br />
<strong>Description</strong> : Using with jQuery within Google Maps can be a hefty task indeed. This tutorial seeks to lessen the burden by giving you step by step instructions. You&#8217;ll be Lewis and/or Clark in no time.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webdesignerwall.com');" href="http://www.webdesignerwall.com/tutorials/jquery-sequential-list/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut15.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webdesignerwall.com');" href="http://www.webdesignerwall.com/tutorials/jquery-sequential-list/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.webdesignerwall.com');" href="http://www.webdesignerwall.com/tutorials/jquery-sequential-list/">jQuery  Sequential List</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/webdesignerwall.com');" href="http://webdesignerwall.com/demo/jquery-sequential/jquery-sequential-list.html" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This tutorial will show you how to use  jQuery to add a sequent of CSS classes to create a graphical list. Super useful.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.switchonthecode.com');" href="http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut16.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.switchonthecode.com');" href="http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.switchonthecode.com');" href="http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div">Using  jQuery Slider to Scroll a Div</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.switchonthecode.com');" href="http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This tutorial shows you how to  create a horizontally scrolling div using  jQuery, html, and CSS. The trusty jQuery is the main focus of this tutorial, which is used  to build the slider which controls the scrolling.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut17.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/inettuts/">How  to Mimic the iGoogle Interface</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/nettuts.s3.amazonaws.com');" href="http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This tutorial teaches you how to create a  customizable interface with widgets. Sound familiar? You got it. iGoogle! The finished product will be simply and minimally coded, just like  iGoogle. This of course opens the doors for tons of applications.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/ad1987.blogspot.com');" href="http://ad1987.blogspot.com/2009/02/reddit-style-voting-with-php-mysql-and.html"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut18.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/ad1987.blogspot.com');" href="http://ad1987.blogspot.com/2009/02/reddit-style-voting-with-php-mysql-and.html"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/ad1987.blogspot.com');" href="http://ad1987.blogspot.com/2009/02/reddit-style-voting-with-php-mysql-and.html">Reddit-style  Voting With PHP, MySQL And jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/abhisek.uuuq.com');" href="http://abhisek.uuuq.com/lab/reddit_votes/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : Ever been on Reddit? The site is interesting for a number of reasons, but one way is how voting is handling. A simple up or down vote is the order of the day there. This tutorial teaches you how to emulate that for your site, using jQuery, PHP and MySQL.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.greepit.com');" href="http://www.greepit.com/2009/01/30/simple-jquery-spy-effect-with-tutorial/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut19.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.greepit.com');" href="http://www.greepit.com/2009/01/30/simple-jquery-spy-effect-with-tutorial/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.greepit.com');" href="http://www.greepit.com/2009/01/30/simple-jquery-spy-effect-with-tutorial/">Simple  jQuery Spy Effect</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/jqueryfordesigners.com');" href="http://jqueryfordesigners.com/demo/simple-spy.html" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : A great tutorial showing how to use the  jQuery Spy Effect plugin and scroll through lists in an aesthetically pleasing manner.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.hieu.co.uk');" href="http://www.hieu.co.uk/post/2009/01/28/How-easy-to-create-a-slide-tabbed-box-using-jQuery.aspx"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut20.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.hieu.co.uk');" href="http://www.hieu.co.uk/post/2009/01/28/How-easy-to-create-a-slide-tabbed-box-using-jQuery.aspx"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.hieu.co.uk');" href="http://www.hieu.co.uk/post/2009/01/28/How-easy-to-create-a-slide-tabbed-box-using-jQuery.aspx">Create  a slide tabbed box using jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.hieu.co.uk');" href="http://www.hieu.co.uk/examples/slidetabs/index.html" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : A simple and straight forward jQuery  tutorial that creates a cool sliding tabbed box. For fans of simple and clean web design.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/sandbox.ronggur.com');" href="http://sandbox.ronggur.com/2009/01/25/jquery-tutorial-horizontal-animated-menu/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut21.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/sandbox.ronggur.com');" href="http://sandbox.ronggur.com/2009/01/25/jquery-tutorial-horizontal-animated-menu/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/sandbox.ronggur.com');" href="http://sandbox.ronggur.com/2009/01/25/jquery-tutorial-horizontal-animated-menu/">Horizontal  Animated Menu</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/dock.ronggur.com');" href="http://dock.ronggur.com/tutorial/jquery%20tutorial%20-%20horizontal%20animated%20menu/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : In this tutorial you will build a basic  horizontal animated menu using  jQuery. Nothing like the old favorites.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut22.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/net.tutsplus.com');" href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/">Load  In and Animate Content with jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/nettuts.s3.amazonaws.com');" href="http://nettuts.s3.amazonaws.com/011_jQuerySite/sample/index.html#about" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This tutorial teaches you amp up average and humdrum websites.  How? By adding ajax functionality so content loads into the relevant container  instead of the user having to navigate to another page. It also teaches you to use great  animation effects. Double shot.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/cool-javascripts.com');" href="http://cool-javascripts.com/jquery/add-icons-to-your-links-automatically-using-jquery-css.html"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut23.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/cool-javascripts.com');" href="http://cool-javascripts.com/jquery/add-icons-to-your-links-automatically-using-jquery-css.html"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/cool-javascripts.com');" href="http://cool-javascripts.com/jquery/add-icons-to-your-links-automatically-using-jquery-css.html">Add  icons to your links automatically using jQuery &amp; CSS</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.demos.cool-javascripts.com');" href="http://www.demos.cool-javascripts.com/jquery-icons-to-links.html" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : This tutorial is useful if you want to attach a particular icon to a  particular type of link. For example: A PDF icon can attach to all of the PDF file links, a  text document icon can attach to all text document links or a zip icon can attach to all links  that are linked to zip files. There are many more permutations, of course.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/yensdesign.com');" href="http://yensdesign.com/2008/12/creating-an-os-web-interface-in-jquery-part-i/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut24.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/yensdesign.com');" href="http://yensdesign.com/2008/12/creating-an-os-web-interface-in-jquery-part-i/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/yensdesign.com');" href="http://yensdesign.com/2008/12/creating-an-os-web-interface-in-jquery-part-i/">Creating  an OS Web Interface in jQuery</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.yensdesign.com');" href="http://www.yensdesign.com/tutorials/os/part1/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : In this truly amazing tutorial, you will  recreate a complete OS Web Interface with jQuery. Take a look at the demo. This just may blow your mind.</p>
<p><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.tutorialswitch.com');" href="http://www.tutorialswitch.com/web-development/quick-and-simple-ajax-forms-with-json-responses/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2009/03/jquerytut25.png" alt="jQuery Tutorials" /></a><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.tutorialswitch.com');" href="http://www.tutorialswitch.com/web-development/quick-and-simple-ajax-forms-with-json-responses/"></a></span></p>
<p><span style="font-family: georgia; font-size: 15px;"><a onclick="javascript:pageTracker._trackPageview('/outbound/article/www.tutorialswitch.com');" href="http://www.tutorialswitch.com/web-development/quick-and-simple-ajax-forms-with-json-responses/">How  To Build Quick and Simple AJAX Forms with JSON Responses</a></span><br />
<strong>Demo URL</strong> : <a title="Demo URL" onclick="javascript:pageTracker._trackPageview('/outbound/article/www.tutorialswitch.com');" href="http://www.tutorialswitch.com/demos/post_166/" target="_blank">View Demo</a>.<br />
<strong>Description</strong> : In this tutorial, you will go through the  steps of setting up an AJAX form, which will return a JSON response. These are used to display success and error messages. Pretty useful.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/25-powerful-and-useful-jquery-tutorials-for-developers-and-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Get More Comments On Your Blog</title>
		<link>http://webrulon.com/how-to-get-more-comments-on-your-blog/</link>
		<comments>http://webrulon.com/how-to-get-more-comments-on-your-blog/#comments</comments>
		<pubDate>Wed, 26 May 2010 23:58:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Online Marketing]]></category>
		<category><![CDATA[Web Design & Development]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=2451</guid>
		<description><![CDATA[<a href="http://webrulon.com/how-to-get-more-comments-on-your-blog/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/05/comments-image1-150x150.jpg" class="alignleft wp-post-image tfe" alt="comments-image" title="comments-image" /></a>Everyone knows that comment boxes are a sure fire to increase the traffic to your blog. People tend to develop a personal connection when they have a say on what goes on in a blog. Not to mention they get to communicate with other like-minded(and often not) individuals.  But how do you turn readers into [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-2454" title="comments-image" src="http://webrulon.com/wp-content/uploads/2010/05/comments-image1.jpg" alt="comments-image" width="450" height="450" /></p>
<p>Everyone knows that comment boxes are a sure fire to increase the traffic to your blog. People tend to develop a personal connection when they have a say on what goes on in a blog. Not to mention they get to communicate with other like-minded(and often not) individuals.  But how do you turn readers into commentators? It&#8217;s easier than you think, sometimes. Below is Webrulon&#8217;s handy, dandy guide to increasing the amount of comments on your blog.</p>
<p>First of all, there has been much written about this topic in other places. Let&#8217;s take a moment to honor those zen masters by relinking some of them:</p>
<ul>
<li><a href="http://www.problogger.net/archives/2006/10/12/10-techniques-to-get-more-comments-on-your-blog/">10 techniques to get more comments on your blog</a></li>
<li><a href="http://performancing.com/community/10-tips-for-attracting-more-comments">10 tips for attracting more comments</a></li>
<li><a href="http://www.nirmaltv.com/2007/06/13/how-to-increase-comments-on-your-blog/">How to increase comments on your blog</a></li>
<li><a href="http://www.johntp.com/2006/11/15/encouraging-your-first-time-commenters/">Encourage your first time commenters</a></li>
<li><a href="http://www.johntp.com/2006/12/03/get-your-blog-lurkers-to-comment/">Get your Blog lurkers to comment</a></li>
<li><a href="http://performancing.com/community/getting-people-to-comment-on-your-new-blog" class="broken_link" >Getting people to comment on your new blog</a></li>
</ul>
<p>Now here&#8217;s our take. Here is what we think you do to get those comment boxes a-rumblin&#8217;.</p>
<p><strong>Encourage lurkers to get involved</strong> &#8211; Even with comment boxes, most people who visit your blog can be categorized as lurkers. They look, they listen but they don&#8217;t speak. Stem that tide by suggesting people say a bit about themselves. If a lurker emails you personally suggest they get involved in the community of the site. You&#8217;d be surprised how well some gentle prodding works.</p>
<p><strong>Ask questions</strong> &#8211; End posts with a question. This way readers have something to think about and, more importantly, something to form an opinion on. Never underestimate the power of a good, or a childish, debate.</p>
<p><strong>Become part of the dialog</strong> &#8211; If people do begin leaving comments, get involved. Comment back and make your presence known. People like when the webmaster interacts with the readers. It lets them you know you are a real person and robot somewhere. This, in turn, allows them to open up.</p>
<p><strong>Notify users of new comments</strong> &#8211; If you use Wordpress, install the <a href="http://txfx.net/code/wordpress/subscribe-to-comments/">Subscribe to Comments</a> <a id="KonaLink1" style="text-decoration: underline ! important; position: static;" href="http://www.johntp.com/2007/06/16/how-to-get-more-comments-on-your-blog/#" target="undefined"><span style="color: #2277dd ! important; font-weight: 400; font-size: 12px; position: static;"><span style="border-bottom: 1px solid #2277dd; color: #2277dd ! important; font-family: &quot;Lucida Grande&quot;,Verdana,Arial,Sans-Serif; font-weight: 400; font-size: 12px; position: relative; background-color: transparent;">plugin</span></span></a></p>
<div id="preLoadLayer1" style="position: absolute; z-index: 2147482647; top: -32px; left: -18px; display: none;"><a id="KonaLink1" style="text-decoration: underline ! important; position: static;" href="http://www.johntp.com/2007/06/16/how-to-get-more-comments-on-your-blog/#" target="undefined"><img style="border: medium none; width: 22px; height: 22px;" src="http://kona.kontera.com/javascript/lib/imgs/grey_loader.gif" alt="" /></a></div>
<p>which allows commenters on your blog to check a box before commenting and get e-mail notification of further comments. This encourages them to come back and continue the thread, especially if there is some hefty blog drama going on.</p>
<p><strong>Reward those who comment</strong> &#8211; Everyone loves a treat. There are several easy and fun ways to reward users who get involved. Wordpress offers a plugin(Below) that shows lists of the top users who comment. Also, link to pertinent comments once in a while and build future posts around them.</p>
<p><strong>Make it easy</strong> &#8211; This might be a bit of a headache for you, but eliminate the need for captcha entering or registration in order to leave comments. The easier it is the more people will just throw their thoughts out there.</p>
<p><strong>Wordpress help</strong> &#8211; Wordpress has a number of fantastic plugins designed with this task in mind. Check out the <a href="http://www.johntp.com/2007/05/08/top-5-wordpress-plugins-that-help-increase-comments/">plugins that can help increase comments</a>.</p>
<p>Now, to practice what I preach, what techniques have you guys used to get those feisty comment boxes to light up?</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/how-to-get-more-comments-on-your-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cold Hard Flash &#8211; Your source for Flash news, tips and videos.</title>
		<link>http://webrulon.com/cold-hard-flash-your-source-for-flash-news-tips-and-videos/</link>
		<comments>http://webrulon.com/cold-hard-flash-your-source-for-flash-news-tips-and-videos/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 22:58:13 +0000</pubDate>
		<dc:creator>Lawrence Bonk</dc:creator>
				<category><![CDATA[Creative Design]]></category>
		<category><![CDATA[Dev Resources]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[How-To]]></category>

		<guid isPermaLink="false">http://webrulon.com/?p=1789</guid>
		<description><![CDATA[<a href="http://webrulon.com/cold-hard-flash-your-source-for-flash-news-tips-and-videos/"><img align="left" hspace="5" width="150" height="150" src="http://webrulon.com/wp-content/uploads/2010/03/Cold-Hard-Flash-150x150.gif" class="alignleft wp-post-image tfe" alt="Cold Hard Flash" title="" /></a>Cold Hard Flash is on the case to entertain all of you flashheads out there. This blog aggregates all of the best in news and tips. The kind folks over at the site also showcase hot videos, animations and programs to show you what is possible with everyone&#8217;s favorite web development tool.  If you are [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p><img class="alignnone size-full wp-image-1790" src="http://webrulon.com/wp-content/uploads/2010/03/Cold-Hard-Flash.gif" alt="Cold Hard Flash" width="239" height="164" /></p>
<p>Cold Hard Flash is on the case to entertain all of you flashheads out there. This blog aggregates all of the best in news and tips. The kind folks over at the site also showcase hot videos, animations and programs to show you what is possible with everyone&#8217;s favorite web development tool.  If you are in the market for Flash-related advice, you could do no better than this handy, dandy website. Check it out <a href="http://coldhardflash.com/">here.</a> Tell em we sent ya.</p>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://webrulon.com/cold-hard-flash-your-source-for-flash-news-tips-and-videos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

