<?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>instantShift &#187; Articles</title>
	<atom:link href="http://www.instantshift.com/category/articles/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.instantshift.com</link>
	<description>Daily Resource for Web Designers and Developers.</description>
	<lastBuildDate>Tue, 07 Sep 2010 12:48:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Why SEO Doesn&#8217;t Matter Anymore and What You Should Do Instead</title>
		<link>http://www.instantshift.com/2010/08/16/why-seo-doesnt-matter-anymore-and-what-you-should-do-instead/</link>
		<comments>http://www.instantshift.com/2010/08/16/why-seo-doesnt-matter-anymore-and-what-you-should-do-instead/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 12:41:20 +0000</pubDate>
		<dc:creator>Cameron Chapman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[search engine]]></category>
		<category><![CDATA[Search Engine Optimization]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2576</guid>
		<description><![CDATA[Search engine optimization used to be the holy grail of getting more traffic. Placing high in search engine rankings for prime keywords related to your niche could send thousands of visitors to your site on a regular basis. But more and more, search engine traffic isn&#8217;t as important to most websites. They&#8217;re finding their traffic [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F08%2F16%2Fwhy-seo-doesnt-matter-anymore-and-what-you-should-do-instead%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F08%2F16%2Fwhy-seo-doesnt-matter-anymore-and-what-you-should-do-instead%2F" height="61" width="51" /></a></div><p>Search engine optimization used to be the holy grail of getting more traffic. Placing high in search engine rankings for prime keywords related to your niche could send thousands of visitors to your site on a regular basis. But more and more, search engine traffic isn&#8217;t as important to most websites. They&#8217;re finding their traffic from other places.</p>
<p>What do you think is the reason for this? Here in this post we trying to explain why search engine optimization doesn&#8217;t matter anymore and what are the alternatives for getting more and more traffic.</p>
<p><span id="more-2576"></span><br />
<br clear="all"/></p>
<p><strong>You may be interested in the following related articles as well. </strong></p>
<ul>
<li><a href="http://www.instantshift.com/2009/02/14/how-to-increase-web-traffic-through-search-engines/"><strong>How to Increase Web Traffic Through Search Engines!</strong></a></li>
<li><a href="http://www.instantshift.com/2010/06/22/design-for-the-world-cross-cultural-web-design/"><strong>Design for the World: Cross Cultural Web Design</strong></a></li>
<li><a href="http://www.instantshift.com/2010/07/20/how-to-optimize-your-site-for-better-loading-time/"><strong>How to Optimize Your Site for Better Loading Time</strong></a></li>
<li><a href="http://www.instantshift.com/2009/02/24/21-reasons-why-readers-don%E2%80%99t-like-your-blog/"><strong>21 Reasons Why Readers Don’t Like Your Blog</strong></a></li>
<li><a href="http://www.instantshift.com/2009/12/10/secrets-to-a-faster-and-attractive-web-site-design-revealed/"><strong>Secrets to a Faster and Attractive Web Site Design Revealed</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><div style="padding-left:150px;"><script type="text/javascript">_bsap.drop('18455f93e4fb797679148ac419c87226', 1243233);</script></div>
<br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>7 Reasons SEO Doesn&#8217;t Matter Anymore</span></h1>
<p></p>
<p>Social media is a big part of the blame for this situation. People can now ask their friends or complete strangers for recommendations on virtually anything, and get human-filtered results within minutes through Facebook, Twitter, or other social networking sites. Internet users are also becoming more savvy and can cut through search results to find the best content, regardless of optimal placement for the best keywords.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/wsdma-01.jpg" alt="instantShift - Why SEO Doesn't Matter Anymore" title="instantShift - Why SEO Doesn't Matter Anymore" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Even in cases where search engines still send significant traffic to a site, search engines are becoming so much more intelligent that it&#8217;s getting harder and harder to get good placement unless you&#8217;re providing the best content.</p>
<p>Read on fore more information about what&#8217;s making search engine optimization less important, what you should do about it, and even when it still is important.</p>
<div class="newpost" style="padding-left:40px;">
<h4><span><u>1. Facebook</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/wsdma-02.jpg" alt="instantShift - Why SEO Doesn't Matter Anymore" title="instantShift - Why SEO Doesn't Matter Anymore" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>More often than not, people aren&#8217;t using search engines to discover new content online. Instead, they&#8217;re turning to their friends. And with its new &#8220;Like&#8221; button appearing all over the web, Facebook is becoming an ever-more-important source of finding content online.</p>
<p>Rather than using Google or Yahoo! to find information on a topic, users are asking their Facebook friends and groups about whatever information they need. People also trust this information more, as it&#8217;s coming from people they know, rather than just being returned in what often seems like a random pattern.</p>
<p>According to a <a rel="external nofollow" href="http://www.economist.com/research/articlesBySubject/displaystory.cfm?subjectid=7933596&#038;story_id=16660401"><strong>latest research</strong></a> it&#8217;s been indicated that Facebook has currently More than 500 Million active users. If Facebook were a physical nation than this would make them the third most populous country in the world, after China and India.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/wsdma-03.jpg" alt="instantShift - Why SEO Doesn't Matter Anymore" title="instantShift - Why SEO Doesn't Matter Anymore" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>And if the service continues to grow as rapidly as in the three months to July, it will reach one billion in about 15 months—almost the size of India.</p>
<p><strong>What You Should Be Doing</strong> &#8212; Facebook opens up a host of possibilities for driving traffic to your website. Incorporating a &#8220;Like&#8221; button on your site should be your first step if you want your visitors to be able to easily share your site. You&#8217;ll also want to create a page or group for your company or website, and encourage people to join. You can put a link to the group on your website, as well as send out recommendations to your current FB friends. Another option with FB is targeted advertising, which can be relatively inexpensive.</p>
<p>Be careful not to use Facebook to spam your fans, though. Post information on your page or group that is relevant to your niche and will also be useful to your fans. If all you do is post about your company or product, you&#8217;ll drive away fans.</p>
<p><br clear="all"/></p>
<h4><span><u>2. Social Bookmarking and News Sites</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/wsdma-04.jpg" alt="instantShift - Why SEO Doesn't Matter Anymore" title="instantShift - Why SEO Doesn't Matter Anymore" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>A lot of people are actively involved in social bookmarking and news sites. Sometimes these are niche sites devoted to a particular industry, while other times they&#8217;re more general. In many cases, it&#8217;s more effective to turn to sites like this when looking for information on current events or information of interest than it is to use search engines.</p>
<p>Really involved users might turn to their social bookmarking and news sites when looking for virtually any information. Because of tagging and built-in search functionality on these sites, it&#8217;s easy for users to find pretty much anything. And the fact that someone else has already looked over something and decided it was worth saving for later reference or sharing with others, the sites found in this manner are considered more trustworthy.</p>
<p><strong>What You Should Be Doing</strong> &#8212; Adding social bookmarking links to your website is a great way to encourage your visitors to promote your pages for you. You&#8217;ll also want to set up accounts on the major social bookmarking sites (<a rel="external nofollow" href="http://digg.com">Digg</a>, <a rel="external nofollow" href="http://reddit.com">Reddit</a>, <a rel="external nofollow" href="http://delicious.com">Delicious</a>, <a rel="external nofollow" href="http://stumbleupon.com">StumbleUpon</a>), as well as any sites specific to your niche. Promote relevant content both from your website and elsewhere; otherwise you might be viewed as a spam account.</p>
<p><br clear="all"/></p>
<h4><span><u>3. Better Search Engine Algorithms</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/wsdma-05.jpg" alt="instantShift - Why SEO Doesn't Matter Anymore" title="instantShift - Why SEO Doesn't Matter Anymore" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Search engines get smarter every day. SEO tactics that worked brilliantly years or even months ago don&#8217;t work as well now. Search engines know how to weed out the obvious SEO tactics to get at the meat of a site&#8217;s content. Because of this, SEO tactics are becoming less and less effective.</p>
<p>As search engines get even more intelligent, on-site SEO strategies will only get less effective. While search engines will still recognize good, relevant content, there will be few strategies that will give sites a boost outside of providing good content. Off-site SEO strategies will likely still work for quite a while longer, but search engines are aware of many of the tactics used to make sites appear more popular than they actually are. It&#8217;s a trend that&#8217;s going to continue for the foreseeable future, at least.</p>
<p><strong>What You Should Be Doing</strong> &#8212; This one is pretty obvious: you need to provide high-quality, relevant content on your site. Forget about keyword stuffing and writing with SEO in mind. Just provide content that&#8217;s important and useful to your target visitor and trust that search engines will be able to sort out the best sites in a given niche.</p>
<p><br clear="all"/></p>
<h4><span><u>4. Blog Roundups and Showcases</u></span></h4>
<p>There are blogs for virtually every niche in existence. And many of these blogs post roundups of content from various sources online. These roundups are a fantastic way of finding information about a given topic without having to wade through search results.</p>
<p>Again, one reason people turn to these types of posts is the idea that someone has already been through the content featured and has weeded out the content that isn&#8217;t any good. </p>
<p><strong>What You Should Be Doing</strong> &#8212; There are two ways to approach this type of content and promotion. First, if you have a blog, you&#8217;ll want to do a couple of these roundups. Include both resources from your own site and elsewhere. These types of posts get bookmarked and passed around for months after they&#8217;re written.</p>
<p>The second thing you&#8217;ll want to do is create content that&#8217;s well-suited to being included in these types of posts. Email bloggers who write about your topic and make sure they&#8217;re aware of your site (but also make sure you don&#8217;t nag them or become annoying). Getting featured in a post like this can drive traffic to your site for months.</p>
<p><br clear="all"/></p>
<h4><span><u>5. Twitters</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/wsdma-06.jpg" alt="instantShift - Why SEO Doesn't Matter Anymore" title="instantShift - Why SEO Doesn't Matter Anymore" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>When looking for information about a topic, a lot of users turn to Twitter. It&#8217;s easier to ask a question there than it is to do a search, and you often get much better results. In a lot of cases, people have more Twitter followers than they do friends on other social networking sites, and so there&#8217;s more chance to find the information they&#8217;re looking for. Plus, Twitter lets anyone see your updates (unless your feed is private, of course), which opens up some great opportunities for promotion.</p>
<p>Twitter is used for everything from breaking news to research. Trending topics give us insight into what&#8217;s going on at that moment, and what&#8217;s being talked about. Hashtags let us focus on particular topics and see what people are saying whether we&#8217;re following them or not. Twitter is a giant conversation, among both strangers and friends, that anyone can become a part of.</p>
<p><strong>What You Should Be Doing</strong> &#8212; Every business should have a presence on Twitter. Businesses should set up Twitter accounts to interact with their customers and prospective customers, and to see what&#8217;s happening in their industry. Businesses should also use Twitter as a proactive customer service tool. You can see the experiences users are having with your business almost in real-time. You&#8217;ll also want to follow relevant hashtags related to your industry and answer questions being posed by other users. This can be a great way to pick up new followers. If the information you provide is useful and relevant, people will view you as an expert and will turn to you next time they have questions.</p>
<p><br clear="all"/></p>
<h4><span><u>6. People Already Have Their Favorite Sites</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/wsdma-07.jpg" alt="instantShift - Why SEO Doesn't Matter Anymore" title="instantShift - Why SEO Doesn't Matter Anymore" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Because the Internet has become such an integral part of the lives of so many people, most regular Internet users already know their favorite sites for certain things. If they&#8217;re looking for an apartment to rent, for example, they&#8217;ll go to Craigslist without bothering to search elsewhere. If they&#8217;re looking for a book, they might go straight to Amazon or Abe Books. What they won&#8217;t do is use a search engine.</p>
<p>Internet users find websites they&#8217;re comfortable with and are hesitant to deal with a new site, especially when it comes to actually purchasing something. When they do business with a new site, they often do so based on the advice of someone else, not based on search engine results.</p>
<p><strong>What You Should Be Doing</strong> &#8212; Figure out who the big sites are in your niche and then figure out how you can get your content featured on them. With some sites this is pretty easy. If you&#8217;re a local business, put ads up on Craigslist that direct people to your website. If you sell a product, see if you can become an Amazon Associate to sell through their website. If all else fails, see if you can place an ad on the site that leads your industry, or see if they&#8217;d be interested in featuring some of your content.</p>
<p><br clear="all"/></p>
<h4><span><u>7. More Savvy Searchers</u></span></h4>
<p>Internet users are much more savvy than they were ten or even five years ago. When someone goes to a search engine to find something, they often know exactly what keywords will yield the best results and can quickly weed through the results that don&#8217;t offer what they need.</p>
<p>Search volume also plays into this. Searchers can use very specific search terms and still often get thousands or millions of results returned. Because of this, they&#8217;re not afraid to search for very specific things, since they know they&#8217;ll still likely get enough relevant results. This is where the long-tail comes in, and the long-tail is harder to optimize for effectively, since you never really know how someone is going to reach your site, or what search terms they&#8217;ll use.</p>
<p><strong>What You Should Be Doing</strong> &#8212; Again, this comes down to providing great, relevant content. Stop trying to game the search engines and simply put the best content on your website that you can get. Search engine traffic is becoming a smaller and smaller part of traffic for more established websites, as they get more incoming links and referrals. Of course, that doesn&#8217;t mean you shouldn&#8217;t pay any attention to how searchers are finding your site. And by all means, if you find some obscure search term is sending you significant amounts of traffic, consider adding more content around that term.</p>
</div>
<p><br clear="all"/></p>
<h1><span>When SEO Is Still Important</span></h1>
<p>All of the above isn&#8217;t to say that search engines have become completely irrelevant. There are still plenty of industries and niches where search engines are vital for sending new traffic.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/wsdma-08.jpg" alt="instantShift - Why SEO Doesn't Matter Anymore" title="instantShift - Why SEO Doesn't Matter Anymore" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Informational websites are probably the most likely to benefit from good SEO. Part of this has to do with the volume of content. If a website focuses solely on providing valuable information, they&#8217;re already a step ahead when it comes to good search engine placement. Making other adjustments to further optimize your content (like good alt tags on images, etc.) only helps improve your placement even more. And people still use search engines when looking for information.</p>
<p>Industries that deal with things people might not be comfortable discussing with strangers (or even friends and family) also benefit greatly from SEO. After all, if it&#8217;s not a topic someone wants to ask their Facebook friends for advice on, they&#8217;ll turn to search engines. It&#8217;s still a relatively anonymous method of finding information online.</p>
<p><br clear="all"/></p>
<h1><span>Image Credits</span></h1>
<ul>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/81875138@N00/2863389919/"><strong>Libros</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/boltron/4461019149/"><strong>Facebook&#8217;s Secret Message to Me</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-17818189.html"><strong>Woman Shouting into a Megaphone</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-55515277.html"><strong>Searching Concept</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/38687875@N00/3466964233/"><strong>This is Twitter</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-42392656.html"><strong>Eccentric business man</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-55515277.html"><strong>Searching Concept | Article Front image</strong></a></li>
</ul>
<h1><span>Find Something Missing?</span></h1>
<p><strong>Please feel free to share any other fact that you think would be a great addition in above article and that has not been told already.</strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/08/16/why-seo-doesnt-matter-anymore-and-what-you-should-do-instead/feed/</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
		<item>
		<title>Can Flash Move Forward?</title>
		<link>http://www.instantshift.com/2010/08/13/can-flash-move-forward/</link>
		<comments>http://www.instantshift.com/2010/08/13/can-flash-move-forward/#comments</comments>
		<pubDate>Fri, 13 Aug 2010 12:38:55 +0000</pubDate>
		<dc:creator>Shannon Suetos</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[mobile]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2574</guid>
		<description><![CDATA[There has been a long debate about Adobe Vs. Apple, or even Flash Vs. HTML5. Whatever side of the fence you are on—you probably won’t be changing your mind anytime soon. Flash brings a lot of features and creativity for web designers, but then again the promise of HTML5, CSS3 and JavaScript is slowly becoming [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F08%2F13%2Fcan-flash-move-forward%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F08%2F13%2Fcan-flash-move-forward%2F" height="61" width="51" /></a></div><p>There has been a long debate about <strong>Adobe Vs. Apple</strong>, or even <strong>Flash Vs. HTML5</strong>. Whatever side of the fence you are on—you probably won’t be changing your mind anytime soon. Flash brings a lot of features and creativity for web designers, but then again the promise of <strong>HTML5</strong>, <strong>CSS3</strong> and <strong>JavaScript</strong> is slowly becoming a great competitor.</p>
<p>Before you jump the gun and decide what team you are on, take a look at the history behind Flash, Apple and HTML5 to get all sides of the spectrum. You may be surprised at some of the information you didn’t know about the subject.<br />
<span id="more-2574"></span><br />
<br clear="all"/></p>
<p><strong>You may be interested in the following related articles as well.</strong></p>
<ul>
<li><a target="_blank" href="http://www.instantshift.com/2010/04/26/html5-worth-the-hype/"><strong>HTML5: Worth the Hype?</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/05/21/why-colors-can-make-or-break-your-design/"><strong>Why Colors Can Make or Break Your Design</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/04/09/mobile-web-design-overview-examples-and-tips/"><strong>Mobile Web Design: Overview, Examples and Tips</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/07/12/redesigning-your-website-are-you-making-the-right-move/"><strong>Redesigning Your Website: Are you Making the Right Move?</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/06/22/design-for-the-world-cross-cultural-web-design/"><strong>Design for the World: Cross Cultural Web Design</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2009/12/10/secrets-to-a-faster-and-attractive-web-site-design-revealed/"><strong>Secrets to a Faster and Attractive Web Site Design Revealed</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other tips and tricks that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><div style="padding-left:150px;"><script type="text/javascript">_bsap.drop('18455f93e4fb797679148ac419c87226', 1243233);</script></div>
<br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>Can Flash Move Forward?</span></h1>
<p></p>
<p>What you think? Can flash move forward? It&#8217;s a endless debate as there is so much to consider before reaching any final conclusion. Here we are talking over some critical facts which can&#8217;t be avoided. Let&#8217;s start with the little history of flash.</p>
<div class="newpost" style="padding-left:40px;">
<br clear="all"/></p>
<h4><span><u>Origin of Flash</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-01.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Flash was first established in 1996, and was a part of Macromedia. According to <a rel="external nofollow" href="http://en.wikipedia.org/wiki/Adobe_Flash"><strong>Wikipedia</strong></a>, &#8220;The precursor to the Flash application was SmartSketch, a drawing application for pen computers running the Pinpoint OS developed by Jonathan Gay, who began working on it in college and extended the idea for Silicon Beach Software and its successors. When PenPoint failed in the marketplace, SmartSketch was ported to Microsoft Windows and Mac OS. With the Internet becoming more popular, SmartSketch was re-released as FutureSplash, a vector-based Web animation in competition with Macromedia Shockwave. In 1995, SmartSketch was further modified with frame-by-frame animation features and re-released as FutureSplash Animator on multiple platforms. The product was offered to Adobe and used by Microsoft in its early work with the Internet (MSN). In 1996, FutureSplash was acquired by Macromedia and released as Flash, contracting &#8220;Future&#8221; and &#8220;Splash&#8221;.&#8221;</p>
<p>Jump to present day and, &#8220;Flash has indeed spread to near-ubiquity on computers, with better than 98 percent penetration, according to Adobe&#8217;s statistics.&#8221; reports <a rel="external nofollow" href="http://news.cnet.com/8301-30685_3-20000037-264.html"><strong>Stephen Shankland</strong></a> of CNET. Flash is used for more than just video files, and can create great looking graphics that can make a page pop.</p>
<p>The problem with flash is that it can affect a pages loading time depending on the size of the file. This could be a mere half of a second to a few seconds, which can feel like an eternity on the user end. A great web designer usually knows how to work out these problems and create a loading time that is good for them and their client.</p>
<p><br clear="all"/></p>
<h4><span><u>Adobe and Apple</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-02.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>You may or may not know that back in the early days of Adobe, Apple actually worked very closely with the company. According to <a rel="external nofollow" href="http://www.apple.com/hotnews/thoughts-on-flash/"><strong>Steve Jobs</strong></a>, &#8220;Apple was their [Adobe] first big customer, adopting their Postscript language for our new Laserwriter printer. Apple invested in Adobe and owned around 20% of the company for many years. The two companies worked closely together to pioneer desktop publishing and there were many good times.&#8221;</p>
<p>Now, their relationship is not so great, and Jobs has decided to ban Flash from Apple’s hand held devices—including the iPhone, iPad and iPod Touch. He doesn’t feel that Adobe’s business model is &#8220;open&#8221; for the web. Jobs on the other hand do believe that HTML5 is open enough. HTML5 is getting more and more attention, but isn’t supported in all browsers yet making the leap for commercial use not quite ready. HTML5 has a myriad of new developments, one of which is a video tag. Jobs has come out to say he believes this is the future of the Internet, not Flash files—which have dominated the web design scene for years.</p>
<p>Adobe feels the accusations Jobs made, such as they are not as &#8220;open&#8221; as they say they are. Adobe CEO <a rel="external nofollow" href="http://blogs.wsj.com/digits/2010/04/29/live-blogging-the-journals-interview-with-adobe-ceo/"><strong>Shantanu Narayen</strong></a>, told the Wall Street Journal that, &#8220;that the difference is that Adobe believes in open content. He says that their Creative Suite software was designed to work on multiple devices and that Apple&#8217;s &#8220;recent behavior show[s] that they are concerned about Adobe being able&#8221; to provide this product that works across multiple platforms.&#8221; He goes on to tell the WSJ that, &#8220;The technology problems that Mr. Jobs mentions in his essay are &#8220;really a smokescreen, &#8220;Mr. Narayen says. He says more than 100 applications that used Adobe&#8217;s software were accepted in the App Store. When you resort to licensing language to restrict this sort of development, it has nothing to do with technology.&#8221;</p>
<p><br clear="all"/></p>
<h4><span><u>HTML5</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-03.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The main competitor against Flash is HTML5. The newest form of HTML has many new upgrades. The advantage Flash has over HTML5 is that it isn’t quite ready for release. Internet Explorer for example won’t be compatible with HTML5 until the release of IE9, which isn’t released yet, but is <a rel="external nofollow" href="http://www.zdnet.com/blog/bott/microsoft-releases-final-ie9-preview-beta-due-in-september/2296"><strong>scheduled to be in beta</strong></a> by late September.</p>
<p>The new technique most people seem to be fixating on is the video tag. Without this tag, there would be no debate where Flash is concerned. The Web Hypertext Application Technology Working Group (WHATWG) last month declared HTML5 in a &#8220;last call&#8221; phase. Comparing Flash and the capabilities of HTML5’s video tag is like comparing apples to oranges. Flash has been around for numerous years, allowing for many upgrades and fixes to bugs. HTML5, although a great new option, is still in its infancy age and will probably need a few years to be a better competitor for Adobe.</p>
<p>A big step for HTML5 is YouTube’s upgrade to support HTML5’s video tag. Back in January YouTube rolled out an HTML5 compatible version to their site. <a rel="external nofollow" href="http://www.pcworld.com/article/187400/you_too_can_experience_html5_on_youtube.html"><strong>PC Magazine</strong></a> reported in Jan. that, &#8220;You can sign up for the beta simply by visiting <a rel="external nofollow" href="http://www.youtube.com/html5"><strong>YouTube&#8217;s HTML5 page</strong></a> and start enjoying HTML5 videos today, but there are restrictions: videos with captions, annotations, or ads will still be rendered by the Flash player, and fullscreen mode isn&#8217;t supported.&#8221;</p>
<p>This month <a rel="external nofollow" href="http://www.wired.com/epicenter/2010/07/youtube-launches-new-html5-mobile-site/#ixzz0vfhFEKO1"><strong>Wired</strong></a> is reporting that YouTube now has a mobile version of their HTML5 videos available, &#8220;the mobile version of Google’s video-sharing website received an upgrade Thursday. The new <a rel="external nofollow" href="http://m.youtube.com/"><strong>m.youtube.com</strong></a> has a bunch of new features, including high-quality video playback in the browser using HTML5.&#8221;</p>
<p><br clear="all"/></p>
<h4><span><u>Mobile</u></span></h4>
<p>Where mobile is concerned, Flash isn’t the best option, and could be its Achilles heel. Flash 10.1 is now available on mobile devices but only on certain operating systems. Below is a screenshot from <a rel="external nofollow" href="http://www.adobe.com/products/flashplayer/systemreqs/"><strong>Adobe’s page</strong></a> outlining compatible mobile OS.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-04.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>RIM (BlackBerry OS) and the iPhone still do not support Flash. The newest phone from BlackBerry, the BlackBerry Tourch will have, &#8220;Webkit browser supports HTML5, which has been a selling point by Apple and Google on their mobile devices,&#8221; reports <a rel="external nofollow" href="http://news.cnet.com/8301-1035_3-20012500-94.html"><strong>CNET</strong></a>. There are other reports speculating that BlackBerry is working on its Flash compatibility, but nothing has been confirmed or denied from the company.</p>
<p><a rel="external nofollow" href="http://techcrunch.com/2010/08/02/android-iphone-share/"><strong>Neilson</strong></a> reported this month that, &#8220;Android’s share of new smartphone subscribers surged past new iPhone subscribers in the U.S. during the second quarter, commanding 27 percent of recent smartphone purchases compared to 23 percent for the iPhone.&#8221; Good news for Adobe, although these numbers are not including the iPhone 4 sales, which were staggering.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-05.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The above chart outlines the sales for multiple mobile OS and shows Android’s rapid growth. Whether it will continue to grow is hard to say, but it is showing promise.</p>
<p>According to <a rel="external nofollow" href="http://nexus404.com/Blog/2010/05/22/apple-vs-adobe-flash-quarrel-convinces-developers-to-choose-html5-over-flash-recent-report-says-developers-interested-more-in-working-with-html5-than-flash/#ixzz0vg2PoZgF"><strong>TFTS</strong></a>, &#8220;a recent Wall Street Journal report says that more and more programmers and web designers are considering dropping Flash as their clients want their products and websites to be compatible with the iPhone and the iPad.&#8221;</p>
<p><br clear="all"/></p>
<h4><span><u>Jailbreaking Just Became Legal</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-06.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The U.S. Copyright Office amended the Digital Millennium Copyright Act and is now saying jailbreaking your phone is legal. Meaning you can legally hack into your iPhone, iPad or iPod Touch and make changes. Allowing a user to download apps not in the app store, and use Flash if they want.</p>
<p>Many users of Apple products may not share its stance regarding Flash and Adobe in general. Now that jailbreaking is legal, it could open the door for people who just can’t live without Flash. For those of you who are thinking about jailbreaking your phone, you should consider the following :</p>
<ul>
<li>Doing so will exclude you from any warranty you have with the phone</li>
<li>It could stop your phone from working all together (or bricked in Apple jargon)</li>
<li>Apple service stores won’t fix your device if it is jailbroken</li>
</ul>
<p><br clear="all"/></p>
<h4><span><u>Why Flash Won’t Be Going Anywhere</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-07.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>One reason is that most designers use Flash. It is one of the best programs out there for creating great graphics and video platforms. HTML5 is looking to be a great competitor, but it will be a long time before it is at the same level as Flash, if that ever happens.</p>
<p>Flash is also compatible in all browsers—a HUGE advantage over HTML5. Many companies are concerned about reaching their audience, not using the latest web code upgrade.</p>
<p>An advantage <a rel="external nofollow" href="http://news.cnet.com/8301-30685_3-20000037-264.html"><strong>CNET</strong></a> points out is that, &#8220;Flash video can use a variety of &#8220;codecs&#8221; for encoding and decoding video as it&#8217;s sent from server to viewer. Viewers don&#8217;t need to know anything beyond how to click a video&#8217;s &#8220;play&#8221; button, a contrast to Net video&#8217;s incompatibility-fraught early days. But with HTML5, though, there are two prevailing codecs right now: H.264, supported by Apple&#8217;s Safari and Google&#8217;s Chrome, and Ogg Theora, supported by Firefox, Chrome, and, according to plan, Opera. IE, the dominant browser doesn&#8217;t support any at HTML5 video at present.&#8221;</p>
<p>Companies that rival Apple are also jumping at the bit to make devices to rival the iPad, iPod Touch and iPhone. Motorola for example, is taking a stab into the tablet industry and creating their own tablet device (with the help of Verizon). Motorola has decided it will &#8220;be access to Verizon&#8217;s FiOS cable service [and] support Adobe Flash, a platform of choice for more than 90 percent of web videos,&#8221; according to the <a rel="external nofollow" href="http://www.ibtimes.com/articles/40752/20100804/motorola-verizon-apple-google-android-tablet-ipad-dell-streak-smartphone-droid-blackberry-froyo.htm"><strong>International Business Times</strong></a>.</p>
<p>With more and more companies wanting to rival Apple in these verticals, it will make Flash more appealing for other companies to embrace. That is the great thing about being on the other side of the debate—other companies will embrace the Flash technology to market against Apple’s products.</p>
<p><br clear="all"/></p>
<h4><span><u>Not Everyone Who Buys Apple Products Feels The Same Way About Flash</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-08.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>According to the <a rel="external nofollow" href="http://www.theinquirer.net/inquirer/news/1649835/ipad-users-annoyed-lack-flash-support"><strong>Inquirer</strong></a>, &#8220;researchers at <a rel="external nofollow" href="http://www.investorplace.com/experts/paul_carton/apple-ipad-may-changewave-survey-aapl-stock-demand-amzn-kindle-amazon.html"><strong>Changewave</strong></a> found that the most common dislike among Ipad owners was the device&#8217;s lack of Flash support. Given that over 80 per cent of respondents in the report claim to use their Ipads for web browsing and almost 50 per cent for viewing video, areas in which Flash are particularly pervasive, it&#8217;s not surprising that users find lack of support for the format annoying.&#8221;</p>
<p>The FTC is also reported to be looking into the ban on Flash. <a rel="external nofollow" href="http://9to5mac.com/ftc_investigate"><strong>9 to 5 Mac</strong></a> is reporting that, &#8220;Apple may face an FTC investigation into its refusal to allow Flash support on the iOS platform. This is speculation based on a recent refusal on the part of the FTC to grant Wired access to the 200 pages of complaints against Apple filed by Adobe.&#8221; It is too soon to tell if this speculation is true however, but something to keep an eye out for.</p>
<p>Even with these complaints, it doesn’t seem to be enough from people buying Apple’s products. The iPad sold over a million units in 28 days, and the iPhone 4 sold 1.7 million units in 3 days.</p>
<p><br clear="all"/></p>
<h4><span><u>Moving Forward</u></span></h4>
<p>
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/cfmf-09.jpg" alt="instantShift - Can Flash Move Forward?" title="instantShift - Can Flash Move Forward?" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>It isn’t an issue of who is going to move forward in the debate, but what platform works best for your clients. Right now Flash is more compatible with the many different browsers, but HTML5 will catch up eventually. Flash may also deliver better images and quality video, but HTML5 can do a lot, and doesn’t need expensive software to do so. In the end I think a hybrid of the two will be what web designers will be using. Some clients will be Flash crazy, while others will favor HTML5 in the future.</p>
<p>The point is that Flash, which hasn’t had a real competitor, will eventually have one with HTML5. This just means Adobe is going to have to step up their game to deliver better quality results than HTML5 or it is going to lose clients. People can be on team Adobe or team Apple, but it is going to come down to who can render the best results over multiple platforms at a low cost. End of story. The business model isn’t changing, Adobe is just getting a competitor.</p>
<p>It is far too early for HTML5 to be a viable competitor, but in a few years from now we could be seeing it catch fast. You don’t have to take Steve Job’s rigid stance on the subject, but instead have a more open ended approach. Decide what works best on a case by case situation. Does your client need a fast loading time?  Are they implementing too many videos onto the site?  Do their visitors use a HTML5 compatible browser?  All of these are points you need to consider before using HTML5. In the future browser compatibility will be a non-issue and level the playing ground.</p>
</div>
<h1><span>Image Credits</span></h1>
<ul>
<li><a target="_blank" rel="external nofollow" href="http://www.shutterstock.com/pic-42467791.html"><strong>The man looks upwards</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.flickr.com/photos/38687875@N00/3466964233/"><strong>Day One Hundred Twelve</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.flickr.com/photos/17927408@N07/2414317157/"><strong>Iphone and Filippo &#8211; Dave Hill Effect</strong></a></li>
</ul>
<h1><span>Find Something Missing?</span></h1>
<p><strong>Please feel free to share any other fact that you think would be a great addition in above article and that has not been told already.</strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/08/13/can-flash-move-forward/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>How to Design a Phone Icon in Photoshop</title>
		<link>http://www.instantshift.com/2010/08/03/how-to-design-a-phone-icon-in-photoshop/</link>
		<comments>http://www.instantshift.com/2010/08/03/how-to-design-a-phone-icon-in-photoshop/#comments</comments>
		<pubDate>Tue, 03 Aug 2010 12:35:10 +0000</pubDate>
		<dc:creator>Ahmad Hania</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Icon]]></category>
		<category><![CDATA[pattern]]></category>
		<category><![CDATA[phon]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2566</guid>
		<description><![CDATA[As modern people, we all have a certain attraction to the fresh gadgets offered by latest technology. Here we talking about Phones which I find usually amaze me more than anything. Phones are often reinterpreted by many artists according to their view or outlook of the type. Unsurprisingly, these interpretations are often sure-fire hits with [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F08%2F03%2Fhow-to-design-a-phone-icon-in-photoshop%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F08%2F03%2Fhow-to-design-a-phone-icon-in-photoshop%2F" height="61" width="51" /></a></div><p>As modern people, we all have a certain attraction to the fresh gadgets offered by latest technology. Here we talking about Phones which I find usually amaze me more than anything. Phones are often reinterpreted by many artists according to their view or outlook of the type. Unsurprisingly, these interpretations are often sure-fire hits with many other designers out there.</p>
<p>In this detailed Photoshop Tutorial, you will learn how to create a high end professional Phone icon with a limited knowledge in Layers and Layer Styles. The only necessary skills to get through this tutorial are the basic knowledge of how to use the most common tools in Photoshop. In just a few steps we are going to create a truly eye catching Phone icon ready to be used in any way you want and can think of.<br />
<span id="more-2566"></span><br />
<br clear="all"/></p>
<p>When it comes to Image editing or photo enhancement, <strong>Adobe Photoshop</strong> is usually the primary option to consider. However, the software package itself is a quite hard to learn — and extremely hard to master.</p>
<p>For those, who don’t know what is <strong>Adobe Photoshop</strong>? And what it can do? Then follow the link below for detail introduction.</p>
<ul>
<li><a target="_blank" rel="external nofollow" href="http://www.adobe.com/products/photoshop/photoshop/"><strong>Adobe Photoshop | Adobe.com</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://en.wikipedia.org/wiki/Adobe_Photoshop"><strong>Adobe Photoshop | From Wikipedia, the free encyclopedia</strong></a></li>
</ul>
<p><strong>You may be interested in the following tutorials related articles as well.</strong></p>
<ul>
<li><a target="_blank" rel="external nofollow" href="http://www.instantshift.com/2009/01/20/65-smoking-photoshop-text-effect-tutorials/"><strong>65+ Smoking Photoshop Text Effect Tutorials</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.instantshift.com/2009/11/27/66-excellent-photoshop-web-design-layout-tutorials/"><strong>66 Excellent Photoshop Web Design Layout Tutorials</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.instantshift.com/2009/08/09/77-excellent-photoshop-tutorials-for-designing-posters/"><strong>77 Excellent Photoshop Tutorials For Designing Posters</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.instantshift.com/2009/07/01/145-ultimate-round-up-of-photoshop-tutorials-and-resources/"><strong>145 Ultimate Round-Up Of Photoshop Tutorials and Resources</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.instantshift.com/2010/02/27/88-ultimate-round-up-of-photoshop-photo-manipulation-tutorials/"><strong>88 Ultimate Round-Up of Photoshop Photo Manipulation Tutorials</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to more tutorials that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><!--adsense#bsa--><br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>Final Result</span></h1>
<p>
<p>Let&#8217;s see what you will be creating in this tutorial. You may click on the image to see the full scale version.</p>
<div class="newpost" style="padding-left:40px;">
<a href="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-final.jpg" ><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-final-small.jpg" alt="instantShift - Full Preview Of Final Result" title="instantShift - Full Preview Of Final Result" class="alignnone size-full top_m" /></a>
</div>
<p><br clear="all"/></p>
<h4><span>Materials Needed:</span></h4>
<ul>
<li><a rel="external nofollow" href="http://fardouk.deviantart.com/art/Brushed-137661470"><strong>Brushed Metal Wallpaper (as a pattern)</strong></a> by <a rel="external nofollow" href="http://fardouk.deviantart.com/"><strong>fardouk</strong></a></li>
<p>.
</ul>
<p><br clear="all"/></p>
<h1><span>Let&#8217;s Start!</span></h1>
<div class="newpost" style="padding-left:40px;">
<h4><span><u>Step 1: Creating New File</u><u></u></span></h4>
<p>We are going to start by creating a new file using Photoshop CS4. After opening Photoshop go to <strong>File >> New&#8230;</strong> or you can just use <i>Ctrl+N</i>. Use the settings in the image below for your new file.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-01.jpg" alt="Creating New File" title="Creating New File" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 2: Setting Up The Background</u><u></u></span></h4>
<p>Now lets set the background layer Blending Options to the settings in the image below for Gradient Overlay.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-02.jpg" alt="Background - Gradient Overlay Settings" title="Background - Gradient Overlay Settings" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 3: Creating the Phone Body &#8211; Create The Shape Layer</u><u></u></span></h4>
<p>So, now after the background layer is ready we can start creating the phone shape layer. Select the <strong>Rounded Rectangle Tool (U)</strong> and set shape color to <strong>Black</strong> and <strong>20px</strong> radius of rounded corners as shown in the image below. Then draw a rectangle shape with a fixed size of <strong>360px*560px</strong> for this tutorial, but you are free to choose the size you like for your version. Then rename your new shape layer to &#8220;phone&#8221;.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-03-01.jpg" alt="Rounded Rectangle Tool Settings" title="Rounded Rectangle Tool Settings" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 4: Creating the Phone Body &#8211; Applying Layer Styles</u><u></u></span></h4>
<p>After creating the shape layer for the phone we will have the following result. Now press <i>Ctrl+A</i> while your &#8220;phone&#8221; layer is selected and then choose the <strong>Move Tool (V)</strong> and then go to <strong>Layer >> Align Layers to Selection >> Vertical Centers then Horizontal Centers</strong> this will make our phone aligned to the middle of our canvas.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-03-02.jpg" alt="Phone Shape Layer" title="Phone Shape Layer" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now open the &#8220;phone&#8221; layer blending options and use the settings in the images below for Drop Shadow, Inner Shadow, Inner Glow, Gradient Overlay, Pattern Overlay (use the <a rel="external nofollow" href="http://fardouk.deviantart.com/art/Brushed-137661470"><strong>Brushed Metal Wallpaper</strong></a> as a pattern. Or, you can create your own Metal texture via this <a rel="external nofollow" href="http://www.psdgraphics.com/tutorials/metal-texture-photoshop-tutorial/"><strong>photoshop tutorial</strong></a>), and Stroke.</p>
<blockquote><h4><span>Importing The Brushed Metal Wallpaper as Pattern</span></h4>
<p>You can create a pattern from the wallpaper by simply opening the wallpaper in Photoshop and then goto <strong>Edit >> Define Pattern&#8230;</strong> and then give it a name that you like.</p>
</blockquote>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-04-01.jpg" alt="Phone Shape Layer Styles" title="Phone Shape Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-04-02.jpg" alt="Phone Shape Layer Styles" title="Phone Shape Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-04-03.jpg" alt="Phone Shape Layer Styles" title="Phone Shape Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-04-04.jpg" alt="Phone Shape Layer Styles" title="Phone Shape Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-04-05.jpg" alt="Phone Shape Layer Styles" title="Phone Shape Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-04-06.jpg" alt="Phone Shape Layer Styles" title="Phone Shape Layer Styles" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>If you got everything right the &#8220;phone&#8221; shape layer should look exactly as the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-05.jpg" alt="Phone Shape Layer" title="Phone Shape Layer" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 5: Creating The Phone Screen &#8211; Create The Shape Layers</u><u></u></span></h4>
<p>We can now start creating the screen shape layers. Select the <strong>Rounded Rectangle Tool (U)</strong> and set shape color to <strong>Black</strong> and <strong>10px</strong> radius of rounded corners as shown in the image below. Then draw a rectangle shape with a fixed size of <strong>300px*400px</strong>. Then rename your new shape layer to &#8220;screen 1&#8243;.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-06.jpg" alt="Rounded Rectangle Tool Settings" title="Rounded Rectangle Tool Settings" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now align the &#8220;screen 1&#8243; shape layer horizontally to the canvas as we did with phone shape layer in Step 4, but don&#8217;t align it vertically just move it vertically so that most of the lower third of the phone shape is clear. You can use the image below as a guideline.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-07.jpg" alt="Screen Shape Layer Position" title="Screen Shape Layer Position" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 6: Creating The Phone Screen &#8211; Duplicating The Shape Layer</u><u></u></span></h4>
<p>Now we are going to duplicate the &#8220;screen 1&#8243; shaper layer 3 Three times by going to <strong>Layer >> Duplicate Layer&#8230;</strong> and call the new layers &#8220;screen 2&#8243;, &#8220;screen 3&#8243; and &#8220;screen 4&#8243;.</p>
<p><br clear="all"/></p>
<h4><span><u>Step 7: Creating The Phone Screen &#8211; Applying Layer Styles</u><u></u></span></h4>
<p>Now that we have four similar screen shape layers we are going to apply styles to every layer. Select &#8220;screen 1&#8243; shape layer and then select Blending Options and apply the settings in the images below for Inner Shadow, Gradient Overlay and Stroke.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-08-01.jpg" alt="Screen 1 Layer Styles" title="Screen 1 Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-08-02.jpg" alt="Screen 1 Layer Styles" title="Screen 1 Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-08-03.jpg" alt="Screen 1 Layer Styles" title="Screen 1 Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-08-04.jpg" alt="Screen 1 Layer Styles" title="Screen 1 Layer Styles" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The &#8220;screen 1&#8243; layer should look like the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-09.jpg" alt="Screen 1 Layer Styles" title="Screen 1 Layer Styles" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now we are going to apply styles to &#8220;screen 2&#8243; layer. Select &#8220;screen 2&#8243; shape layer and then select Blending Options and apply the settings in the images below for Fill Opacity, Inner Shadow, Outer Glow and Gradient Overlay (I used the same gradient colors as in layer &#8220;screen 1&#8243;).</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-10-01.jpg" alt="Screen 2 Layer Styles" title="Screen 2 Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-10-02.jpg" alt="Screen 2 Layer Styles" title="Screen 2 Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-10-03.jpg" alt="Screen 2 Layer Styles" title="Screen 2 Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-10-04.jpg" alt="Screen 2 Layer Styles" title="Screen 2 Layer Styles" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The &#8220;screen 2&#8243; layer should look like the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-11.jpg" alt="Screen 2 Layer Styles" title="Screen 2 Layer Styles" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now we are going to apply styles to &#8220;screen 3&#8243; layer. Select &#8220;screen 3&#8243; shape layer and then select Blending Options and apply the settings in the images below for Fill Opacity and Satin.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-12-01.jpg" alt="Screen 3 Layer Style" title="Screen 3 Layer Style" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-12-02.jpg" alt="Screen 3 Layer Style" title="Screen 3 Layer Style" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The &#8220;screen 3&#8243; layer should look like the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-13.jpg" alt="Screen 3 Layer Style" title="Screen 3 Layer Style" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now we are going to apply styles to &#8220;screen 4&#8243; layer. Select &#8220;screen 4&#8243; shape layer and then select Blending Options and apply the settings in the images below for Fill Opacity and Bevel and Emboss.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-14-01.jpg" alt="Screen 4 Layer Styles" title="Screen 4 Layer Styles" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-14-02.jpg" alt="Screen 4 Layer Styles" title="Screen 4 Layer Styles" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The &#8220;screen 4&#8243; layer should look like the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-15.jpg" alt="Screen 4 Layer Styles" title="Screen 4 Layer Styles" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 8: Creating The Phone Screen &#8211; Create Screen Light Reflection</u><u></u></span></h4>
<p>Now let’s add a little light reflection to the screen to make it more realistic. Create the Shape layer as shown in the image below. Rename the new layer to &#8220;screen reflection&#8221;.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-16.jpg" alt="Screen Light Reflection" title="Screen Light Reflection" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Select &#8220;screen reflection&#8221; shape layer and then go to Blending Options and use the settings in the images below for Fill Opacity and Gradient Overlay.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-17-01.jpg" alt="Screen Light Reflection" title="Screen Light Reflection" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-17-02.jpg" alt="Screen Light Reflection" title="Screen Light Reflection" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now you should have a result similar to image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-18.jpg" alt="Screen Light Reflection" title="Screen Light Reflection" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 9: Creating The Phone Navigation Dial &#8211; Create Shape Layers</u><u></u></span></h4>
<p>Using the <strong>Ellipse Tool (U)</strong> create a circle shape with a fixed size of <strong>85px*85px</strong>, set shape color to Black and rename the layer to &#8220;navigation 1&#8243;, duplicate the shape layer as &#8220;navigation 2&#8243;. Place the Shape layers as shown in the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-19.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-20.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 10: Creating The Phone Navigation Dial &#8211; Applying Layer Styles</u><u></u></span></h4>
<p>Now, select layer &#8220;navigation 1&#8243; and then Blending Options and use the settings in the images below for Blend Mode, Bevel and Emboss, Gradient Overlay and Stroke.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-21-01.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-21-02.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-21-03.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-21-04.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Layer &#8220;navigation 1&#8243; should look like the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-22.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now, select layer &#8220;navigation 2&#8243; and then Blending Options and use the settings in the images below for Inner Glow, Bevel and Emboss, Gradient Overlay and Stroke.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-23-01.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-23-02.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-23-03.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-23-04.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Layer &#8220;navigation 2&#8243; should look like the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-24.jpg" alt="Navigation Dial Shape Layer" title="Navigation Dial Shape Layer" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 11: Creating The Phone Command Buttons &#8211; Create Shape Layers</u><u></u></span></h4>
<p>Using the <strong>Pen Tool (P)</strong> create a shape similar to the image below, set shape color to Black, top right corner radius to 10px and rename the layer to &#8220;command 1&#8243;, duplicate the shape layer as &#8220;command 2&#8243;, &#8220;end call&#8221; and &#8220;accept call&#8221;. Place the Shape layers as shown in the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-26.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 12: Creating The Phone Command Buttons &#8211; Apply Layer Styles</u><u></u></span></h4>
<p>Now apply the Inner Glow, Gradient Overlay and Stroke to all four command layers as in the images below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-27-01.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-27-03.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-27-04.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now apply the Bevel and Emboss style for layers &#8220;command 1&#8243;, &#8220;end call&#8221;, &#8220;command 2&#8243; and &#8220;accept call&#8221; as the images below consecutively.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-27-02.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-28.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-29.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-30.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The result should be as in the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-31.jpg" alt="The Phone Command Buttons" title="The Phone Command Buttons" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 13: Creating The Phone Command Buttons &#8211; Create Command Buttons Engravings</u><u></u></span></h4>
<p>Now we finish command buttons by creating the engravings on them. Using <strong>Line Tool (U)</strong> create with a weight of <strong>3px</strong> and a width of <strong>30px</strong> and set layer color to <strong>Black</strong>. Duplicate the Layers 3 times and align them to each command button as in the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-32.jpg" alt="Command Buttons Engravings" title="Command Buttons Engravings" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 14: Creating The Phone Command Buttons &#8211; Apply Style to Engravings</u><u></u></span></h4>
<p>Apply the Blending Options settings for all layers for Inner Shadow, and apply Blending Options settings to each layer as in the images below. Apply the red styles to the end call button engraving, green styles to the accept call button engraving and blue to &#8220;command 1&#8243; and &#8220;command 2&#8243; engravings.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-33-01.jpg" alt="Command Buttons Engravings" title="Command Buttons Engravings" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-33-02.jpg" alt="Command Buttons Engravings" title="Command Buttons Engravings" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-33-03.jpg" alt="Command Buttons Engravings" title="Command Buttons Engravings" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-34-01.jpg" alt="Command Buttons Engravings" title="Command Buttons Engravings" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-34-02.jpg" alt="Command Buttons Engravings" title="Command Buttons Engravings" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-35-01.jpg" alt="Command Buttons Engravings" title="Command Buttons Engravings" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-35-02.jpg" alt="Command Buttons Engravings" title="Command Buttons Engravings" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 15: Creating The Phone Navigation &#8211; Create Engravings</u><u></u></span></h4>
<p>Now using <strong>Pencil Tool (B)</strong> with a master diameter of <strong>3px</strong>, then create a new empty layer by going to <strong>Layer >> New >> Layer&#8230;</strong> or use the shortcut <i>Shift+Ctrl+N</i>, and then draw a shape like the one in the image below (use <strong>Black</strong> as color). Repeat the same step on a new layer but use <strong>White</strong> as color.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-37.jpg" alt="Navigation Engravings" title="Navigation Engravings" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 16: Creating The Phone Navigation &#8211; Create Engravings</u><u></u></span></h4>
<p>Now align the two layers to &#8220;navigation 2&#8243; layer to the center horizontally and then move the white layer one time to the bottom. Then duplicate the layers and rotate them 90 degree CW by going to <strong>Edit >> Transform >> Rotate 90 CW</strong> and repeat this 2 times, and distribute each two sets on the dial as in the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-38.jpg" alt="Navigation Engravings" title="Navigation Engravings" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 17: Creating The Phone Speaker</u><u></u></span></h4>
<p>Now we are going to create the speaker using Rounded Rectangle Tool (U) with fixed width and height of 100px*8px and using the settings in the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-39.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Create using the settings two shape layers call the lower layer &#8220;speaker back&#8221; and the hight layer &#8220;speaker&#8221;. Position both layers to center of the phone horizontally and at the top of the phone above the screen in the space available, just like the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-40.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 18: Styling The Phone Speaker</u><u></u></span></h4>
<p>Select the &#8220;speaker back&#8221; layer and open Blending Options and use the settings in the image below for Bevel and Emboss.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-41.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Select the &#8220;speaker&#8221; layer and open Blending Options and use the settings in the images below for Blend Mode, Drop Shadow, Inner Shadow, Inner Glow, Bevel and Emboss and Contour.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-42-01.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-42-02.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-42-03.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-42-04.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-42-05.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-42-06.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-42-07.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>You should have a result like the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-43.jpg" alt="The Phone Speaker" title="The Phone Speaker" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 19: Creating Phone Shadow</u><u></u></span></h4>
<p>Now, after we finished the phone we will start on making the shadow. Select the background layer (the first layer we created in this tutorial) then using <strong>Pen Tool (P)</strong> and the color <strong>Black</strong> create a shape under the phone similar to the image below with a width of about <strong>400px</strong>, then rename the layer to &#8220;shadow&#8221;.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-44.jpg" alt="Phone Shadow" title="Phone Shadow" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now select the &#8220;shadow&#8221; layer and goto <strong>Layer >> Rasterize >> Shape</strong>, so that we can apply a filter on the shape layer. Now goto <strong>Filter >> Blur >> Gaussian Blur&#8230;</strong> and use the settings in the image below.</p>
<blockquote><h4><span>Applying Filters to Shape Layers</span></h4>
<p>You can apply filters to Shape layers in two ways: First, by rasterizing the shape layer but in this case you lose the qualities of resizable shape layers. Second, by converting the shape layer to smart object and keep all the qualities of resizable shape layers. You can convert a shape layer to a smart object by first selecting the layer and then goto <strong>Layer >> Smart Objects >> Convert To Smart Object</strong>.</p>
</blockquote>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-45.jpg" alt="Phone Shadow" title="Phone Shadow" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>You would have the result in the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-46.jpg" alt="Phone Shadow" title="Phone Shadow" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now move the &#8220;shadow&#8221; layer just like the image and set its <strong>Opacity</strong> to <strong>60%</strong>.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-47.jpg" alt="Phone Shadow" title="Phone Shadow" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><br clear="all"/></p>
<h4><span><u>Step 20: Creating Phone Reflection</u><u></u></span></h4>
<p>Now, select and duplicate the &#8220;phone&#8221; layer select the &#8220;phone&#8221; layer again and goto <strong>Layer >> Group Layers</strong> or you can just use <i>Ctrl+G</i> and name the group &#8220;reflection&#8221;, move the group just under the phone like in the image below.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-48.jpg" alt="Phone Reflection" title="Phone Reflection" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now we can apply a layer mask to the group, select the &#8220;reflection&#8221; group and then goto <strong>Layer >> Layer Mask >> Reveal All</strong>, then select the <strong>Gradient Tool (G)</strong> and set gradient from <strong>Black</strong> to <strong>White</strong> and Drag from the lower third of the phone to the bottom.<br />
    You can use the below image as a guideline.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-49.jpg" alt="Phone Reflection" title="Phone Reflection" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Now, if you have followed the tutorial step by step then you should have a result similar to the final image below (Click on the image for the full resolution image).</p>
<p><a href="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-final.jpg" ><img src="http://www.instantshift.com/wp-content/uploads/2010/08/htdapiip-final-small.jpg" alt="Final Result" title="Final Result" class="alignnone size-full top_m" /></a>
</div>
<p><br clear="all"/></p>
<h1><span>Conclusion</span></h1>
<p>I created this tutorial to show you how easy to design gadgets and icons, and to show you that a few basic knowledge in Photoshop and layer styles can make a lot if placed in a well thought idea. I hope that you can all create better designs using the little things I shared with you here.</p>
<h1><span>Download the PSD</span></h1>
<ul>
<li><strong><u><a class="downloadlink" href="http://www.instantshift.com/wp-content/plugins/download-monitor/download.php?id=16" title=" downloaded 114 times" >download .psd source file</a></u> (.zip, 0.36 MB)</strong></li>
</ul>
<p>&nbsp;</p>
<h1><span>Find Something Missing?</span></h1>
<p><strong>While writing this tutorial, it&#8217;s always a possibility that we missed some other great tutorial tips. Feel free to share it with us.</strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/08/03/how-to-design-a-phone-icon-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Case-Study: Make Web, Not War</title>
		<link>http://www.instantshift.com/2010/07/23/make-web-not-war/</link>
		<comments>http://www.instantshift.com/2010/07/23/make-web-not-war/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 12:01:37 +0000</pubDate>
		<dc:creator>Daniel Pintilie</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[communication]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[hacking]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2557</guid>
		<description><![CDATA[Internet is the most important scientific and technological discovery since mankind conquered the Moon in 1969. No discovery over the last years had such a great influence on our civilization. Since the 90’s a new step in human evolution was written, the new “Homo digitalis” makes room for a new era, driven by technological and [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F07%2F23%2Fmake-web-not-war%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F07%2F23%2Fmake-web-not-war%2F" height="61" width="51" /></a></div><p>Internet is the most important scientific and technological discovery since mankind conquered the Moon in 1969. No discovery over the last years had such a great influence on our civilization. Since the 90’s a new step in human evolution was written, the new “Homo digitalis” makes room for a new era, driven by technological and scientific development, filling it furthermore with an essence of life. All the main discoveries in the post Internet period were helped by it due to its capability of showing everyone, everything at anytime. For instance, the human genome was decrypted more easily and faster because of the possibility of changing information almost instantly between scientists situated all over the world.</p>
<p><span id="more-2557"></span><br />
<br clear="all"/></p>
<p>It was the perfect situation that revealed to all people from all over the world that without communication and collaboration (which is the same as without Internet) the great discoveries would have remained still hidden. From this point of view the Internet is not only a discovery, it is a catalyst for changing and finding information or why not for a better life.</p>
<p><strong>You may be interested in the following related articles as well.</strong></p>
<ul>
<li><a target="_blank" href="http://www.instantshift.com/2010/06/22/design-for-the-world-cross-cultural-web-design/"><strong>Design for the World: Cross Cultural Web Design</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/04/24/effective-ways-to-promote-your-business-offline/"><strong>Effective Ways to Promote Your Business Offline</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/05/21/why-colors-can-make-or-break-your-design/"><strong>Why Colors Can Make or Break Your Design</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/07/12/redesigning-your-website-are-you-making-the-right-move/"><strong>Redesigning Your Website: Are you Making the Right Move?</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2009/12/10/secrets-to-a-faster-and-attractive-web-site-design-revealed/"><strong>Secrets to a Faster and Attractive Web Site Design Revealed</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/04/19/how-to-deal-with-negative-criticism/"><strong>How to Deal With Negative Criticism</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other tips and tricks that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><!--adsense#bsa--><br />
<br clear="all"/></p>
<div class="newpost">
<p>This article doesn’t fulfill the purpose of another tutorial on how to design, nor gives it explanations on how to became a better designer, developer or freelancer but I hope to give you an inside over the power of the www. No one appreciated at its beginning the power on all aspects (economical, cultural, social, entertainment, informative); it was only a good way to communicate between scientific men at CERN…now it is a way of life.</p>
<p>The worst thing is to deny its importance and power of manipulation. Nowadays a single day without Internet is a complete disaster for many of us. Some of us hate it because of its importance, “it is impossible that something invisible and untouchable can be more important that a human being”. This is the most common reason to ignore the Internet. Another reason that makes people skeptics about it is that many people are manipulated by the Internet, and it is happening more often that people are fooled in their online business.</p>
<h1><span>Pros and Cons</span></h1>
<p>Like all the great discoveries, the Internet has many friends and at the same times many enemies, so we should compare the positive and negative points to establish and to determine the character of the Internet. In my personal opinion is that in this world no object, thing, instrument is negative or positive; the way of how you use it is the defining element in this classification. Let’s compare the pros and cons:</p>
<div class="newpost" style="padding-left:40px;">
<h4><span><u>Problem: Healthy (mental and physical)</u></span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/07/mwnw-01.jpg" alt="instantShift - Make Web, Not War" title="instantShift - Make Web, Not War" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>Many people believe that the Internet has a negative influence, because it captures the free time of all users (especially the young ones became addicted to it). Spending so many hours in front of the PC can cause multiple diseases, some of them with severe effects.</p>
<p>On the other hand, spending every minute of your life surfing on www can transform you in a person who has no connection with reality, a stranger in your own life. In these conditions unfortunately human being is not a natural creature; he becomes a digital addicted one.</p>
<h4><span>Replay:</span></h4>
<p>All of us forget a crucial piece of information (some on purpose, some by mistakes): the Internet is only an instrument, not a creature, a diabolic entity or something like that. It is simple to realize: if you shut down your PC, there is no Internet. Being addicted to the Internet is not the guilty of it; only the addicted person is guilty. I am seeing this problem so clear that I do not have any doubts: it is the same situation as a criminal shooting his victim and defending himself by saying that the bullet was killing the victim; he only triggered the gun… so the trial should punish the bullet. The same situation is happening with the consumption of alcohol; shouldn’t we produce alcohol to not drink in an abusive manner or just punish the people who drink in excess (and of course interact in a negative way with other people)? Thinking in this wrong mentality we should travel with horses and camels because cars have greater speed and if you have an accident the injuries are more severe compared to the ones resulting from an accident with a horse.</p>
<p>Regarding the problem of socialization the answer is the same: a moderate use of the Internet is the best solution. A new kind of making friends and socialization was born after a few years of the Internet development: the socialization networks increase constantly their number and their application; I can’t imagine a normal user of Internet without an account on Facebook, Twitter or Hi5.</p>
<p>It is true that ten years old children spent many hours in front of the PC and parents are somehow worried about it. Another very important point in this problem is the modality of how Internet is used: you can use it for entertainment, to find news, listen to music, watch videos and so on and so forth. As a parent you should guide your children for appropriate websites. Once again, Internet is a very powerful instrument and in few years probably a person without knowledge in surfing on the www will be considered an analphabet. Your children can use Internet as a modality to find out who was Albert Einstein and that is very good, but it can be also used it to get access to xxx websites. I am not a parent yet and my advices are superficial but surely good: protect your family from these websites, but consider the Internet as an object of study. I bet you: in ten years in all societies the use of Internet will be considered something as compared to writing (I know that in some country this level was already reached but I mentioned all societies, including the poor regions of the Earth).</p>
<p>In conclusion to this cons: shut down your PC and you will see that it can’t do anything to come back. Addiction is the problem of the addicted one not of the source of addiction, the key of this situation is moderation.</p>
<p><strong>Conclusion:</strong> Internet is a great instrument but you should know how to use it, otherwise it can be sometimes a dangerous enemy.</p>
<p><br clear="all"/></p>
<h4><span><u>Problem: Hackers</u></span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/07/mwnw-02.jpg" alt="instantShift - Make Web, Not War" title="instantShift - Make Web, Not War" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>According to Wikipedia, a hacker “is a person who breaks into computers and computer networks, either for profit or motivated by the challenge”. Many business and enormous amounts of money are being moved from one party to another on the Internet and this is a great come-on for users with experience; simply break a password and get access to many accounts and obviously you take some money from these. I totally agree, the Internet needs more security, it is vital for future; much more if we look at statistics we will see that the online trade and financial transfers are increasing in a manner that could scary some elderly people.</p>
<h4><span>Replay:</span></h4>
<p>This is only my opinion (if you subscribe to it, it’s perfect or if you do not agree with me let me know your opinion in a comment) but hackers should be divide in two categories: <strong>Larceners</strong> and <strong>Specialists</strong></p>
<ul>
<li>
<p><strong>Larceners:</strong> The larceners are the people who deserve to be put in prison because they steal. Even if the account which was broken by him is owned by a corrupt person it is not his right to take money…in this case he is also a scoundrel. I really hate people who use the Internet to make robberies; indeed for these persons an online police is needed.</p>
</li>
<li>
<p><strong>Specialists:</strong> I see hacking as a good thing and I am conscious about what I wrote. The real hacking is very good, once again. A true hacker never takes money or produces negative effects for users from his work, he wants only to show that some financial algorithms are very weak and somebody with bad intentions can profit very easy. The hackers find a very good way to show their ideas and problems: break the main websites and put their message to be read by all potential surfers. It is a controversial problem with a group of hackers from Romania called Romanian National Security that broke the online editions of Daily Telegraph, Corriere de la Serra, La Stampa, RAI, Le Monde. It truly produced significant loss of traffic and that means a decrease of profit, but the message posted was more important than money. The idea of the messages was to not offence Romanian people and to not categorize them as gypsies or beggars; I want to emphasize their message “Romanian are not gypsies” and detail it, no one in Romania hates or discriminates a person because he is gipsy, we as Romanian (I come from Romania) do not like to be put equal to a person who kills, robs, rapes etc. in Western Europe or elsewhere. In this situation an attack of this team is a bad thing but the purpose is good, they try to show the truth.</p>
<p>All the attacked agencies recognized that the attack was one of the most efficient ones and done in a very professional way- it really shows that the hackers are very intelligent.</p>
<p>Another important attack of hackers was committed by a Greek team who broke all the passwords and security codes at the most important scientific experiment ever seen called “The experiment of century” which was hold last year/this year in Switzerland. Breaking all the passwords gave full access to the hackers and if they intervened in this project the effects would have been unbelievable and the word “catastrophe” probably wouldn’t be enough. The good part of this attack was that the Greek team wanted only to highlight that the security measures weren’t barricades for them. They posted that they weren’t following a financial motivation; the main idea was that such an important and dangerous project needed more security and attention. I believe that it was a very interesting point of view: the authorities confirmed that all the measures are unbreakable but it wasn’t true. The team raises an important idea: what could have happened if a group of hackers with bad intentions would have broken the codes and passwords? I really do not know…</p>
</li>
</ul>
<p><strong>Conclusion:</strong> hackers are very intelligent so we should pay attention to their ideas sometimes; only the ones who want to profit from their activities by e.g. stealing should be punished and forced to stay in prison.</p>
<p><br clear="all"/></p>
<h4><span><u>Problem: Everything Will be Online</u></span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/07/mwnw-03.jpg" alt="instantShift - Make Web, Not War" title="instantShift - Make Web, Not War" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The entire population of the Earth is moving towards an online life, to a world where www applications will be the new laws and everything depends only on two clicks. A failure of this huge network won’t be as a nuclear bomb? The authorities of USA recognized that even if they spend uncountable amounts of money for safety of their information a very powerful and successful hackers’ attack would have apocalyptical effects.</p>
<h4><span>Replay:</span></h4>
<p>It can’t be exactly predicted how the future will look like, surely the Internet has its role but we should be prepared for the next level: how will the world behave with the invention or discovery of a new internet network? I am sure that some companies prepare in secret a new internet network…sounds like a little bit of conspiracy, but this is my point of view. Anyway the men behind the Internet are smart enough to solve all the potential problems and the tendency of being online can’t be removed.</p>
<p><strong>Conclusion:</strong> We are still the leader of our life and even if the Internet is super powerful, it can’t conquer us. Who is afraid about it is afraid about evolution.</p>
</div>
<p><br clear="all"/></p>
<h1><span>Image Credits</span></h1>
<ul>
<li><a target="_blank" rel="external nofollow" href="http://www.shutterstock.com/pic-43752940.html"><strong>Article Main Image Credits | Katane and keyboards</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.shutterstock.com/pic-56124220.html"><strong>His Gun is His Pencil</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.shutterstock.com/pic-50838436.html"><strong>Macro Computer Screen Shot</strong></a></li>
<li><a target="_blank" rel="external nofollow" href="http://www.shutterstock.com/pic-54677950.html"><strong>Keyboard with Security Button</strong></a></li>
</ul>
<h1><span>Find Something Missing?</span></h1>
<p><strong>While compiling this list, it&#8217;s always a possibility that we missed some other facts. Feel free to share it with us. </strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/07/23/make-web-not-war/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>How to Optimize Your Site for Better Loading Time</title>
		<link>http://www.instantshift.com/2010/07/20/how-to-optimize-your-site-for-better-loading-time/</link>
		<comments>http://www.instantshift.com/2010/07/20/how-to-optimize-your-site-for-better-loading-time/#comments</comments>
		<pubDate>Tue, 20 Jul 2010 13:40:59 +0000</pubDate>
		<dc:creator>Shannon Suetos</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[analysis]]></category>
		<category><![CDATA[Analytics]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[how to. web design]]></category>
		<category><![CDATA[Loading Time]]></category>
		<category><![CDATA[qualitative tools]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2553</guid>
		<description><![CDATA[In April Google officially announced they were integrating loading time into their algorithm. As they put it, “speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we&#8217;ve seen in our internal studies that when a site responds slowly, visitors spend less time [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F07%2F20%2Fhow-to-optimize-your-site-for-better-loading-time%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F07%2F20%2Fhow-to-optimize-your-site-for-better-loading-time%2F" height="61" width="51" /></a></div><p>In April Google officially announced they were integrating loading time into their algorithm. <a rel="external nofollow" href="http://googlewebmastercentral.blogspot.com/2010/04/using-site-speed-in-web-search-ranking.html"><strong>As they put it</strong></a>, “speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we&#8217;ve seen in our internal studies that when a site responds slowly, visitors spend less time there.”</p>
<p>There are plenty of reasons a website could slow down such as large images, too many Flash files, video the list can go on and on. With that being said, there are plenty of tools and tactics to use to improve loading time for your clients webpage.<br />
<span id="more-2553"></span><br />
<br clear="all"/></p>
<p><strong>You may be interested in the following related articles as well.</strong></p>
<ul>
<li><a target="_blank" href="http://www.instantshift.com/2010/03/15/47-css-tips-tricks-to-take-your-site-to-the-next-level/"><strong>47 CSS Tips &#038; Tricks To Take Your Site To The Next Level</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/05/21/why-colors-can-make-or-break-your-design/"><strong>Why Colors Can Make or Break Your Design</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/07/12/redesigning-your-website-are-you-making-the-right-move/"><strong>Redesigning Your Website: Are you Making the Right Move?</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/06/22/design-for-the-world-cross-cultural-web-design/"><strong>Design for the World: Cross Cultural Web Design</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2009/12/10/secrets-to-a-faster-and-attractive-web-site-design-revealed/"><strong>Secrets to a Faster and Attractive Web Site Design Revealed</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other tips and tricks that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><!--adsense#bsa--><br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>Why Speed Matters?</span></h1>
<p>People are impatient. We want things when we what them, and usually don’t want to wait for them. The same is true with loading times. If a user goes to a website, chances are you have less than a couple seconds for them to wait on your page to load.</p>
<p>According to <a rel="external nofollow" href="http://www.masternewmedia.org/why-website-speed-and-page-load-times-are-so-important-to-your-online-readers/"><strong>Jakob Nielsen</strong></a>, you can break down the user experience into three time periods:</p>
<ul>
<li>0.1 second—When your page loads within one second you are getting your message to the user when they want it. They feel satisfied and won’t leave unless they can’t find the information they were looking for.</li>
<li>1.0 second—On paper this doesn’t seem like a long time, but on the online world it is longer than you think. This, “is about the limit for the user&#8217;s flow of thought to stay uninterrupted, even though the user will notice the delay. Normally, no special feedback is necessary during delays of more than 0.1 but less than 1.0 second, but the user does lose the feeling of operating directly on the data. ”</li>
<li>10 seconds—Anything over a 10 second load time and a user will more than likely leave. Even if they do wait it out, they probably aren’t as focused as they should be, and might have even moved on to other tasks while the page was loading.</li>
</ul>
<p><br clear="all"/></p>
<h1><span>How to Improve Page Loading Time</span></h1>
<p>It&#8217;s not too hard to improve your page loading speed. Just follow the steps given below and you can improve your loading speed in no time.</p>
<div class="newpost" style="padding-left:40px;">
<h4><span><u>Clean Your Code</u></span></h4>
<p>This is an easy step, and should be something you have in the back of your mind when coding a new site. You don’t want your code to look messy, or have any extra div files. The more basic your code is, the faster the loading time. It should look clean crisp and white.</p>
<p>“For a more definitive marker, if your page HTML is over 30kB-50kB, then you have an issue you need to address. This can be checked in the Web Developer extension for Firefox and Chrome,” says <a rel="external nofollow" href="http://searchenginewatch.com/3640536"><strong>Kristine Schachinger</strong></a> of SearchEngineWatch.</p>
<p>HTML is not the only code that should be clean—make sure your style sheets are in order as well. Keeping things neat and organized should ensure a faster loading time. When implementing large photo files, use a compressed file instead. This will also keep your CSS more clean and help with loading time.</p>
<p><br clear="all"/></p>
<h4><span><u>HTTP Requests</u></span></h4>
<p>This is a big one. The more HTTP requests you have the longer your loading time. Below is a <a rel="external nofollow" href="http://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/"><strong>screenshot</strong></a> to help you better visualize how HTTP requests work.</p>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/07/htoysfblt-01.jpg" alt="instantShift - Optimize Your Site for Better Loading Time" title="instantShift - Optimize Your Site for Better Loading Time" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The more times your page requires these types of requests from the server, the longer it will take for the browser to display the page. Using AJAX is one way to help streamline your process, but as <a rel="external nofollow" href="http://www.die.net/musings/page_load_time/"><strong>Aaron Hopkins points out</strong></a>, “for many sites that reference dozens of external objects, the majority of the page load time is spent in separate HTTP requests for images, javascript, and stylesheets. AJAX probably could help, but speeding up or eliminating these separate HTTP requests might help more. ”</p>
<p>Hopkins goes on to say that most DSL/cable Internet connections, “have asymmetric bandwidth, at rates like 1.5Mbit down/128Kbit up, 6Mbit down/512Kbit up, etc. Ratios of download to upload bandwidth are commonly in the 5:1 to 20:1 range. ” To summarize, this means the requests can take the same amount of time to send as it would to display an object that is 5-20 times the request size.</p>
<p>One way to speed up your site if you do have multiple images is to set your keepalive active. “The Keep-Alive extension to HTTP/1.0 and the persistent connection feature of HTTP/1.1 provide long-lived HTTP sessions which allow multiple requests to be sent over the same TCP connection. In some cases this has been shown to result in an almost 50% speedup in latency times for HTML documents with many images. Toenable Keep-Alive connections, set KeepAlive On,” according to <a rel="external nofollow" href="http://httpd.apache.org/docs/2.0/mod/core.html#keepalive"><strong>apache.org</strong></a>.</p>
<p><br clear="all"/></p>
<h4><span><u>Caching</u></span></h4>
<p>When sending HTTP requests, many people implement caches to help with load time. This can be a great fix, but if you update your images and other cached items, it could actually take longer. “Even though the browser has the logo, it doesn’t know whether the image can be used. After all, the file may have changed on the server and there could be an updated version,” reports <a rel="external nofollow" href="http://betterexplained.com/articles/how-to-optimize-your-site-with-http-caching/"><strong>betterexplained.com</strong></a>.</p>
<p>You can get around this however in a few different ways. One being with an <a rel="external nofollow" href="http://en.wikipedia.org/wiki/HTTP_ETag"><strong>ETAg</strong></a>—which, “allows a client to make conditional requests. This allows caches to be more efficient, and potentially saves bandwidth, as a web server does not need to send a full response if the content has not changed. ”’</p>
<p>You can also have it figured so that the browser checks for the date of when the file was last modified. This can be a good fix, but the ETag is more preferred because of situations such as day light savings, the initial clock was wrong when programming etc.</p>
<p><br clear="all"/></p>
<h4><span><u>Javascript and CSS Files</u></span></h4>
<p>When looking at your Javascript make sure you are putting your files on the external .js file. If you use JQuery, make sure you don’t have any unwanted script in your code. JQuery is known to have libraries of scripts you never use.</p>
<p>When using XHTML you can streamline your code to ensure your HTTP requests are limited. An <a rel="external nofollow" href="http://www.websiteoptimization.com/speed/tweak/http/"><strong>example</strong></a> of this is below:</p>
<p>So this:</p>
<pre name="code" class="html">
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/css/fonts.css&quot; /&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/css/nav.css&quot; /&gt;
&lt;script src=&quot;/js/functions.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; 
&lt;script src=&quot;/js/validation.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</pre>
<p>Becomes this:</p>
<pre name="code" class="html">
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/css/combined.css&quot; /&gt;
&lt;script src=&quot;/js/combined.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</pre>
<p>Even better, XSSI these files directly into high traffic pages, like this:</p>
<pre name="code" class="html">
&lt;style type=&quot;text/css&quot;&gt;
&lt;!--
&lt;!--#include virtual=&quot;/css/combined.css&quot; --&gt;
--&gt;
&lt;/style&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
&lt;--
&lt;!--#include virtual=&quot;/js/combined.js&quot; --&gt; 
// --&gt;
&lt;/script&gt;
</pre>
</div>
<p><br clear="all"/></p>
<h1><span>Tools To Put Into Action</span></h1>
<p>With all this being said, how will you monitor your efforts?  There are plenty of tools out there to help you manage your loading time. The most common 4 programs (and all are recommended by Google) are:</p>
<ul>
<li><a rel="external nofollow" href="http://code.google.com/speed/page-speed/"><strong>Page Speed</strong></a>, an open source Firefox/Firebug add-on that evaluates the performance of web pages and gives suggestions for improvement.</li>
<li><a rel="external nofollow" href="http://developer.yahoo.com/yslow/"><strong>YSlow</strong></a>, a free tool from Yahoo! that suggests ways to improve website speed.</li>
<li><a rel="external nofollow" href="http://www.webpagetest.org/"><strong>WebPagetest</strong></a> shows a waterfall view of your pages&#8217; load performance plus an optimization checklist.</li>
<li>In <a rel="external nofollow" href="http://www.google.com/webmasters/tools"><strong>Webmaster Tools</strong></a>, Labs > Site Performance shows the speed of your website as experienced by users around the world as in the chart below. We&#8217;ve also blogged about site performance.</li>
</ul>
<p>Other tools include:</p>
<ul>
<li><a rel="external nofollow" href="http://tools.pingdom.com/"><strong>Pingdom</strong></a>:  “The Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars. Every test also shows general statistics about the loaded page such as the total number of objects, total load time, and size including all objects.</li>
<li><a rel="external nofollow" href="http://www.xceptance-loadtest.com/products/xlt/about.html"><strong>Xceptance LoadTest</strong></a>:  “Xceptance LoadTest (XLT) is a tool for creating and running regression and load tests, in particular for web applications. XLT combines the automation of regression tests with the execution of load tests, as the test cases already created for the automated regression test can subsequently be applied as load tests. In short: Every regression test can also be a load test. ”</li>
<li><a rel="external nofollow" href="http://www.numion.com/stopwatch/"><strong>Stopwatch</strong></a>:  “The stopwatch is a small Javascript that runs on your computer (not the Numion server). It measures the time between the moment your browser starts to load the URL and when the browser signals that it has finished (&#8221;Done&#8221; in the status bar). The measurement therefore includes fetching and interpreting all HTML (including frames), images, and Javascripts. It does not include content that is handled by plugins. If the page is in the cache then the stopwatch will measure the faster loading time (see tip above). The accuracy is the accuracy of the Javascript timer, on most systems 10 milliseconds. ”</li>
</ul>
<p>Remember that loading time is not the end all be all for your SEO efforts. It is just one piece of the pie. Doing all you can to stay on top of Google’s ever elusive algorithm only helps matters. Let us know in the comments below what you are doing to quicken your clients loading time.</p>
<h1><span>Image Credits</span></h1>
<ul>
<li><a target="_blank" rel="external nofollow" href="http://www.shutterstock.com/pic-54359182/stock-photo-hand-holding-a-stop-watch.html"><strong>Article Main Image Credits | hand holding a stop watch</strong></a></li>
</ul>
<h1><span>Find Something Missing?</span></h1>
<p><strong>Please feel free to share any tips, tricks or technique that you think would be a great addition in above article and that has not been told already.</strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/07/20/how-to-optimize-your-site-for-better-loading-time/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>10 Bad Writing Habits you Should Avoid</title>
		<link>http://www.instantshift.com/2010/07/03/10-bad-writing-habits-you-should-avoid/</link>
		<comments>http://www.instantshift.com/2010/07/03/10-bad-writing-habits-you-should-avoid/#comments</comments>
		<pubDate>Fri, 02 Jul 2010 23:56:03 +0000</pubDate>
		<dc:creator>iShift Staff</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[advice]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[habit]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[write]]></category>
		<category><![CDATA[writer]]></category>
		<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2539</guid>
		<description><![CDATA[Writing is an art, and like any other art one must be properly trained to do so. I started writing sometime back and was really happy about my work until all the readers laughed at my work and made fun on each and every thing I did. My writing wasn’t well presented and didn’t have [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F07%2F03%2F10-bad-writing-habits-you-should-avoid%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F07%2F03%2F10-bad-writing-habits-you-should-avoid%2F" height="61" width="51" /></a></div><p>Writing is an art, and like any other art one must be properly trained to do so. I started writing sometime back and was really happy about my work until all the readers laughed at my work and made fun on each and every thing I did. My writing wasn’t well presented and didn’t have headings, I made long “very informative” paragraphs but nobody cared to read them. This made me research all about good writing practices, tools and resources.</p>
<p>There are ample of writers (including me) who do numerous mistakes while writing and don’t even know where they are falling short. Here, I have tried to investigate all the common faults done by writers and now putting them here. Go through them and do tell me if I have missed out any fault. Bad writing may be negated at initial stages but only by practice and conscious effort can the faults be removed.<br />
<span id="more-2539"></span><br />
<br clear="all"/></p>
<p><strong>You may be interested in following related articles as well.</strong></p>
<ul>
<li><a target="_blank" href="http://www.instantshift.com/2010/04/19/how-to-deal-with-negative-criticism/"><strong>How to Deal With Negative Criticism</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/05/21/why-colors-can-make-or-break-your-design/"><strong>Why Colors Can Make or Break Your Design</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/06/10/complete-guide-to-blog-advertising/"><strong>Complete Guide to Blog Advertising</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/04/28/how-to-boost-your-online-portfolio/"><strong>How to Boost Your Online Portfolio</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/04/15/essential-guidelines-for-featured-content-in-web-design/"><strong>Essential Guidelines for Featured Content in Web Design</strong></a></li>
<li><a target="_blank" href="http://www.instantshift.com/2010/03/29/bulletproof-email-marketing-overview-tips-and-tools/"><strong>Bulletproof Email Marketing: Overview, Tips and Tools</strong></a></li>
</ul>
<p>Please feel free to join us as you are always welcome to share your thoughts even if you have more reference links related to typography that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><!--adsense#bsa--><br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>Bad Writing Habits you Should Avoid</span></h1>
<div class="newpost" style="padding-left:40px;">
<h4><span>Don’t write in Old Time</span></h4>
<p>You don’t have to mimic 400 year old style; if you want to appeal to today’s audience you must go through today’s authors and check out their writing style and dramatic style, see JK Rowling&#8217;s Harry Potter series is not just a children book, it&#8217;s hell more than that.</p>
<h4><span>Do not write Long Paragraphs</span></h4>
<p>Writing long paragraph and putting stories in full blocks actually kills the reader’s interest. People who read on internet are looking for more of fun reading and little shots of information along the way is well accepted. Make small paragraphs, looks well presented and easy to read.</p>
<h4><span>Don’t make up Tough Scenarios</span></h4>
<p>You need not beat around the bush for any reason at all, many times this is seen and it’s a total blunder as nobody likes to get caught in a puzzle. Making such scenarios as to get the reader more absorbed, actually takes the reader away from you.</p>
<h4><span>Don’t stick to Stereotype Style, be Innovative</span></h4>
<p>You need not stick to one format and style; stereotypes have overcome our world today. Same design, same format, same cloth and same sense make life boring. Innovation needs no boundaries and no rules as well.</p>
<h4><span>Hear yourself and Write the way You Want</span></h4>
<p>Listen to the “inner voice”, write what you think and how you think, many times the employer puts constraints which makes the writer feel lost in his own land. Writer should know how to deliver while hanging on to his ways.</p>
<h4><span>Try to Stick to some Old Practice, Don’t just go on Hearsay</span></h4>
<p>Here I am contradicting my statement, but not without a reason. Safe play may let you go a long way, so you may sometimes stick to those practices which are proven and undoubtedly beneficial. </p>
<h4><span>Keep your Titles Short, and use Easy Language</span></h4>
<p>Keeping long titles and complex language may look good but makes an idiot of you as very few read it and even fewer would undnd ierstat.</p>
<h4><span>Don’t ignore your Readers, Peers, Social Media</span></h4>
<p>Often writers ignore their readers and peers; they write complete text and publish it giving less notice to what their peers have to say about it, Social media comments need to be taken seriously enough to alter it totally or be proud of it. Listen to the readers review, ignoring that may get you out of business.</p>
<h4><span>Leave your Ego Aside</span></h4>
<p>Some people high on ego reflect their ego in their writings, know your client wants your writing and not your ego. Some might argue that such a thing as ego as helped them rise but if it’s not kept down I am pretty sure it will get them down even faster.</p>
<h4><span>Grammatical Mistakes</span></h4>
<p>Putting down the most common (at least for me) grammatical mistakes done while writing. Go through these well as nobody could be perfect with each of these (unless with a degree in English).</p>
<ul>
<li>
<p><strong>Your vs. You’re</strong></p>
<p>Your means “The forms of the possessive case of the personal pronoun you”.</p>
<p>Usage > your book</p>
<p>You’re, is a contraction for “you are”.</p>
<p>Usage > you’re not doing this right.</p>
</li>
<li>
<p><strong>It’s vs. Its</strong></p>
<p>Its, means “Possessive form of the pronoun it”.</p>
<p>Usage > this page has lost its attraction.</p>
<p>It’s, is the Contraction for “it is” or “it has”.</p>
<p>Usage > It’s very important to use correct English.</p>
</li>
<li>
<p><strong>There vs. Their</strong></p>
<p>There as noun means “a location other than here” also an adverb.</p>
<p>Usage > there are many people in this field.</p>
<p>Their means “The possessive case of the personal pronoun they”.</p>
<p>Usage > their opinion is also important.</p>
</li>
<li>
<p><strong>Affect vs. Effect</strong></p>
<p>Affect as verb means “act physically on”.</p>
<p>Usage > Communication skill immensely affects the income.</p>
<p>Effect as noun means “the central meaning or theme of a speech or literary work”.</p>
<p>Usage > the effect of communication skill is immense on income.</p>
</li>
<li>
<p><strong>Loose vs. Lose</strong></p>
<p>Loose as verb means “become loose or looser or less tight”.</p>
<p>Usage > See that your pants aren’t too loose.</p>
<p>Lose as verb means “allow to go out of sight”.</p>
<p>Usage > don’t lose your wallet.</p>
</li>
<li>
<p><strong>Who’s vs. whose</strong></p>
<p>Whose means “The possessive case of who or which”.</p>
<p>Usage > whose game is over?</p>
<p>Who’s is contraction for “who is”.</p>
<p>Usage > who’s coming home with me?”)</p>
</li>
</ul>
<p><strong>NOTE:</strong> All word meanings are taken from onelook.com</p>
</div>
<h1><span>Find Something Missing?</span></h1>
<p><strong>While compiling this list, it&#8217;s always a possibility that we missed some other great tips. Feel free to share it with us.</strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/07/03/10-bad-writing-habits-you-should-avoid/feed/</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
		<item>
		<title>Complete Guide to Blog Advertising</title>
		<link>http://www.instantshift.com/2010/06/10/complete-guide-to-blog-advertising/</link>
		<comments>http://www.instantshift.com/2010/06/10/complete-guide-to-blog-advertising/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 14:21:38 +0000</pubDate>
		<dc:creator>Cameron Chapman</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[blog advertising]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[campaign]]></category>
		<category><![CDATA[guide]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2527</guid>
		<description><![CDATA[Blog advertising can be a great source of income for many bloggers, and a great source of customers or visitors for many businesses. Some blogs claim traffic numbers close to that of many major traditional websites, and there are blogs out there for virtually any niche or subject matter.
Whether you&#8217;re a blogger who&#8217;s trying to [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F06%2F10%2Fcomplete-guide-to-blog-advertising%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F06%2F10%2Fcomplete-guide-to-blog-advertising%2F" height="61" width="51" /></a></div><p>Blog advertising can be a great source of income for many bloggers, and a great source of customers or visitors for many businesses. Some blogs claim traffic numbers close to that of many major traditional websites, and there are blogs out there for virtually any niche or subject matter.</p>
<p>Whether you&#8217;re a blogger who&#8217;s trying to decide how to (or even if you should) incorporate ads on your site, or a company trying to figure out how best to set up and manage a blog advertising campaign, the guide below will get you started. It covers the types of blog advertising, and then gives the rundown for how to proceed for both bloggers and advertisers.<br />
<span id="more-2527"></span><br />
<br clear="all"/></p>
<p><strong>You may be interested in the following related articles as well. </strong></p>
<ul>
<li><a href="http://www.instantshift.com/2009/11/11/why-is-social-interaction-important-for-a-website/"><strong>Why is Social Interaction Important For a Website</strong></a></li>
<li><a href="http://www.instantshift.com/2010/03/22/are-you-just-a-freelancer-or-a-successful-one/"><strong>Are You Just a Freelancer? Or a Successful One?</strong></a></li>
<li><a href="http://www.instantshift.com/2008/10/19/list-of-top-social-media-network-sites/"><strong>List Of Top Social Media Network Sites</strong></a></li>
<li><a href="http://www.instantshift.com/2009/12/01/30-top-blogs-for-social-media-updates/"><strong>30 Top Blogs For Social Media Updates</strong></a></li>
<li><a href="http://www.instantshift.com/2009/04/26/how-to-create-a-better-online-portfolio/"><strong>How to Create A Better Online Portfolio</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><!--adsense#bsa--><br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>Kinds of Blog Advertising</span></h1>
<p>There are a number of different kinds of blog ads out there, and choosing the right kind to implement, whether you&#8217;re a publisher or advertiser, is vital to your success. Here&#8217;s an overview of the types of ads out there:</p>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-s-01.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<ul>
<li><strong>Pay-per-click</strong>: With pay-per-click ads, publishers are paid when one of their visitors clicks on an ad appearing on their site. The amount of payment varies widely, depending on the individual advertiser and the competition within their niche (higher competition niches generally have higher ad payouts).</li>
<li><strong>Pay-per-impression</strong>: With pay-per-impression ads, publishers are paid whenever a visitor lands on a page containing the ad. No further action on the part of the visitor is necessary.</li>
<li><strong>Contextual Ads</strong>: Contextual ads are served automatically based on the content within a particular page. These ads could be text-based, banners, or in-line ads. Google AdSense ads are one example of contextual ads.</li>
<li><strong>Text Link Ads</strong>: These ads are simple text links placed on specific pages. They&#8217;re often seen in sidebars.</li>
<li><strong>Banner Ads</strong>: Like text link ads, banner ads are generally placed on a specific page, and are common in sidebars, headers, and in individual posts. Banner ads can also be used in contextual advertising programs, and with all revenue models. 125&#215;125 pixel ads are particularly popular on many blogs.</li>
<li><strong>Pay-per-action</strong>: With pay-per-action ads, publishers are paid when a visitor clicks on an ad from their blog and then performs some kind of action, like requesting information or purchasing something.</li>
<li><strong>Affiliate Ads</strong>: These are a type of pay-per-action ad. For a publisher to get paid, a visitor has to click on an ad and then purchase a product. Amazon and Ebay both offer affiliate ad programs.</li>
<li><strong>Direct Ads</strong>: Direct ads are sold by bloggers directly to advertisers, without going through any kind of affiliate or advertising network. They could be text link ads or banner ads, or even reviews.</li>
<li><strong>Reviews</strong>: Paid reviews are a popular form of blog advertising where an advertiser pays the blogger for a review of their product or company. Ethically, bloggers should disclose when a post is paid for by a company, and in some countries it&#8217;s required by law (including the U.S.). Some companies that currently offer brokering of paid reviews are <a rel="external nofollow" href="https://payperpost.com/"><strong>PayPerPost</strong></a> and <a rel="external nofollow" href="http://www.sponsoredreviews.com/"><strong>SponsoredReviews.com</strong></a>.</li>
<li><strong>Feed Ads</strong>: Feed ads are ads that appear in the RSS feed of a blog. These are almost always text-based. Sometimes they&#8217;re sold separately from on-site ads, while other times they&#8217;re included in an ad package.</li>
</ul>
</div>
<p><br clear="all"/></p>
<h1><span>Ad Placement</span></h1>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-s-02.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<p>Ad placement makes a big difference in not only how much an ad costs, but also how effective it is. There are a number of common ad locations on most blogs:</p>
<ul>
<li><strong>Above the Header</strong>: This is a popular place for banner ads and is generally the most expensive position.</li>
<li><strong>Below the Header</strong>: This is another popular place for banner ads, and also for contextual text ads.</li>
<li><strong>Within Posts</strong>: There are three positions here, really: at the top of the post, generally with the post text wrapped around the ad; between paragraphs in the post (usually the first and second or second and third paragraphs); and at the end of the post, usually before the comment form. In-post ads can be sold on a per-post basis or throughout all the posts on the site. Inline text ads are also placed within posts.</li>
<li><strong>Between Posts on the Home Page</strong>: This is another popular spot for either banner or text-based ads. They&#8217;re usually placed between the first and second posts on the home page, or directly under a featured post.</li>
<li><strong>Sidebar</strong>: This is one of the most common spots for both banners and text link ads, as well as for contextual ads like AdSense. Sidebar ads, if they appear near the top of the page, can be effective and can rival other ads on the home page.</li>
<li><strong>Footer</strong>: This is generally the lowest-impact ad space on a blog, but some blogs only include ads in their footers. It&#8217;s also generally the least expensive position.</li>
<li><strong>Page-Specific</strong>: Sometimes a blog will allow advertising on specific pages of their blog, such as the archive page or category pages. The cost and effectivenenss for these can vary widely based on traffic for the particular page/category and the ad format.</li>
</ul>
</div>
<p><br clear="all"/></p>
<h1><span>Bloggers</span></h1>
<p>As a blogger, the first thing you should consider is whether or not to even have ads on your blog. Not every blog is well-suited to advertising. There are a number of things to consider when deciding whether to include advertising, and what kind is most suitable for your blog.</p>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-s-03.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<ul>
<li><strong>Do you even want ads?</strong> Not every blog out there needs to have ads on it. If you&#8217;re not comfortable having ads on your blog, or if you just don&#8217;t feel like having them, then don&#8217;t.</li>
<li><strong>Are ads appropriate?</strong> If you have a professional blog related to your job, you may not want ads on your blog, or at the least you may want to retain complete control over those ads. In these cases, direct ad sales are probably best, or just leave ads off altogether.</li>
<li><strong>What type of ads are best-suited for your design?</strong> Consider what kinds of ads will fit within your current theme. If there&#8217;s no room for banners, consider in-line contextual ads or text link ads. A very minimalist design might not be well-suited to banner ads either. On the other hand, a design with a lot of colorful graphics might not be well-suited to text link ads.</li>
<li><strong>How many ads do you want?</strong> This is something that will be largely dependent on your blog&#8217;s theme, but how many ads do you want to include on each page? Realize that the more ads you include, the less you&#8217;ll be able to charge for each ad. But you can make up for it in volume if you manage to sell all the available ad space.</li>
</ul>
<h4><span><u>Direct Sales or Network?</u></span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-s-04.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<p>You&#8217;ll need to decide whether you want to sell ads directly to advertisers or join a blog network. In many cases, you may want to do both. Join a network like Google&#8217;s AdSense for some spaces and then sell other spaces directly.</p>
<p>Realize that a network may take anywhere from 10% to 50% of more of your advertising revenue. But they can also be much more effective at filling your ad spaces than you might be on your own, especially if you don&#8217;t have a particularly high-traffic blog.</p>
<p>If you opt to go the direct sales route, set up a page for advertising on your blog and link to it prominently. On that page you should include your rates, ad sizes available, and information about the kinds of ads you will or will not accept. Make sure you include a contact form here, or better yet: an ad order form.</p>
<h4><span><u>Affiliate Programs</u></span></h4>
<p>Affiliate programs can be a great way to make money from your blog if you don&#8217;t really want to incorporate traditional ads. Find specific products you believe in and see if there&#8217;s an affiliate program associated with them. It&#8217;s important you disclose that they&#8217;re affiliate links, but as long as you make your policy clear (that you only include products you&#8217;ve personally used or had recommended to you, or something similar), many of your readers won&#8217;t mind a bit.</p>
<p>If you blog with WordPress, there&#8217;s a plugin (the <a rel="external nofollow" href="http://wordpress.org/extend/plugins/amazon-associate-filter/"><strong>Amazon Associate Filter</strong></a>) available to automatically convert Amazon product links to include your referral ID, so you get commission on any sales. Plugins like this streamline the affiliate process and make it easy to implement on your blog. Just don&#8217;t forget to acknowledge that it&#8217;s an affiliate link any time you include a link to Amazon.</p>
<h4><span><u>Special Blog Themes</u></span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-s-05.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p>The majority of blog platforms out there have themes that already have specific spaces set aside for advertising. The benefit of these is that they&#8217;re often already optimized for programs like AdSense or affiliate programs, and make integration with those programs much easier, even for those who aren&#8217;t particularly tech-savvy.</p>
<p>The other advantage to some of these themes is that they&#8217;ve placed ads in optimal positions within the theme to maximize the number of people who click on those ads. While not all themes do this (some just put the ad space wherever they need a filler graphic), it&#8217;s worth looking around for themes that seem to have considered optimal ad placement.</p>
</div>
<p><br clear="all"/></p>
<h1><span>Advertisers</span></h1>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-s-06.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<p>If you&#8217;re looking to advertise your company or product online, blogs can be a great avenue on which to do so. But figuring out which blogs to advertise on and which format is best for your company and product can be tricky. After all, there are millions of blogs out there, and probably thousands or tens of thousands that target visitors who might be interested in your product.</p>
<p>It&#8217;s all a bit overwhelming. But there are some specific things to consider when deciding where and how to advertise. Here&#8217;s a guide:</p>
<h4><span><u>Finding the Right Blogs</u></span></h4>
<p>Choosing which blogs to advertise on can sometimes seem overwhelming. After all, there are thousands out there that might be appropriate for you to advertise on. How do you narrow it down?</p>
<p>The first thing you need to do is find all the appropriate blogs that might be a good fit. Now, when I say &#8220;appropriate&#8221; I don&#8217;t mean every blog out there that caters to your prospective customers. Rather you want blogs that:</p>
<ul>
<li>Are updated regularly</li>
<li>Have reasonable traffic levels</li>
<li>And have engaged readers (you can tell this by the number of comments on each post; higher numbers are better)</li>
</ul>
<p>There are a few methods for finding good blogs. First, you can check out blog directories that organize blogs by category. You can try searching for &#8220;best of&#8221; lists in your niche (for example, if you have a financial product you want to advertise, you might search for &#8220;best finance blogs&#8221; or something similar). And you can also ask around. Ask your current customers what blogs they read regularly, or ask around on Twitter or Facebook what people&#8217;s favorite blogs are related to your product.</p>
<p>You should probably end up with between 50 and 100 blogs to consider, though it will vary depending on the niche you&#8217;re looking at. Once you have this list, it&#8217;s time to go through each one and determine whether it&#8217;s a good fit or not. Things to look for include:</p>
<ul>
<li>Do they accept advertising?</li>
<li>Do your competitors advertise with them?</li>
<li>Are their rates within your budget?</li>
<li>Do they publish their traffic or subscriber numbers?</li>
<li>What types of ads do they accept?</li>
</ul>
<p>Based on the answers to those questions, you&#8217;ll probably be able to eliminate half the blogs on your list, or maybe more. From there, consider which blogs are the best value for the rates they&#8217;re charging, and start with those.</p>
<h4><span><u>Consider Related Blogs</u></span></h4>
<p>You don&#8217;t have to stick to blogs that cater specifically to your product&#8217;s niche. Consider other kinds of blogs that are likely to attract your target customer. For example, if you sell luxury goods, you might target finance blogs, or vice versa. Or if you sell camping equipment, you might target blogs that cater to people who mountain bike or rock climb, as those people likely spend a lot of time outdoors and there&#8217;s probably some overlap.</p>
<p>Think outside the box when it comes to where to place your ads, especially if there aren&#8217;t a huge number of blogs in your particular niche. You may find you get even better results when advertising on related blogs, and you may find there are fewer ads from your direct competitors on those blogs.</p>
<h4><span><u>Choosing an Ad Format</u></span></h4>
<p>We covered the different kinds of ads at the beginning of this post. But you&#8217;re probably wondering which kind is best for your particular product or company. There are a couple of things to consider:</p>
<ul>
<li><strong>Your budget.</strong> Text ads are going to be least expensive, while banner ads will be more. Pay-per-impression ads are often more expensive than pay-per-click or pay-per-action ads, especially when compared to the number of viewers who take action.</li>
<li><strong>Your goals.</strong> Banner ads can be more effective at building brand awareness than text-only ads and are often a better solution for emerging brands.</li>
</ul>
<h4><span><u>Evaluate Results</u></span></h4>
<p>Once you&#8217;ve placed some ads, you&#8217;ll want to monitor how effective they are. If you have a good website analytics program (like Google Analytics), this is relatively easy. You&#8217;ll want to look at how many visitors click through to your site from each ad you&#8217;ve placed, and then how many of those go on to make purchases or otherwise perform a desired action.</p>
<p>Once people do when they reach your site is just as important as having them click on your ad. If they&#8217;re not going on to make purchases, you may need to rethink your ad. Is it misleading in some way? Or is it that those who are on the particular blog you&#8217;re advertising on not ready to make a purchase? Either one requires some adjustment. In the first case, you&#8217;ll need to consider redesigning your ad. In the second, you may want to either change your expectations or consider advertising elsewhere.</p>
<p>Don&#8217;t be afraid to do some A/B testing or otherwise experiment with your ad formats, the blogs on which you advertise, and other aspects of your online advertising campaign. Regularly reviewing your results and adjusting your efforts will lead to a more successful advertising campaign.</p>
</div>
<p><br clear="all"/></p>
<h1><span>Examples of Great Blog Ad Placement</span></h1>
<div class="newpost" style="padding-left:40px;">
<h4><span><u>Smashing Magazine</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.smashingmagazine.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-01.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Smashing Magazine has ten ad spaces in the sidebar on their home page. They also have a space for a horizontal banner ad just above the main article section. On individual post pages, they have larger square ads below the post title. There&#8217;s a good balance of ads-to-content on the site.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.smashingmagazine.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>HongKiat.com</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.hongkiat.com/blog/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-02.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>HongKiat.com has ad space above and within their header, as well as in the sidebar, with larger ads at the top and two columns of smaller ads below. It&#8217;s an effective layout that doesn&#8217;t overwhelm and still leaves plenty of emphasis on the content.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.hongkiat.com/blog/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Webdesigner Depot</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.webdesignerdepot.com/2010/05/creative-uses-of-stickers-in-advertising/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-03.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Webdesigner Depot has space for ads in their sidebar, with the largest ads on top and smaller ads below. There&#8217;s also space for a square ad on the individual post pages, which appears directly below the post title. Keeping ads out of the header strengthens the site&#8217;s branding.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.webdesignerdepot.com/2010/05/creative-uses-of-stickers-in-advertising/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Noupe</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.noupe.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-04.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Noupe has space for a single horizontal banner ad under the header, as well as for plenty of smaller ads in the sidebar. Noupe differs from many other sites, though, by placing the smaller ads on the top of the sidebar and the largest ad at the bottom of the ad space.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.noupe.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Mashable</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://mashable.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-05.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Mashable has space for ads in their header, alongside their logo, as well as plenty of space in their sidebar. The sidebar ads include small square ads in two columns, larger square ads, and even Google AdSense ads. By keeping all of their ads in the sidebar and header, though, they keep the content area of the site uncluttered.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://mashable.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>The Huffington Post</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.huffingtonpost.com/entertainment/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-06.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>The Huffington Post has a limited number of ads on their site. The main portal page has no ads. Each main section page has a banner ad in the header and then a limited number of other ads interspersed with the page&#8217;s content. Article pages have header ads, an ad about midway through each post, and ads in the sidebar. Limiting the ads contributes to the credibility of the site.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.huffingtonpost.com/entertainment/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Gothamist</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://gothamist.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-07.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Gothamist offers banner ads above the header, in the sidebar, and within the content. As shown in the screenshot, all three ads can be bought in conjunction with each other, which can be a great option for advertisers with larger budgets.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://gothamist.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Boy Genius Report</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.boygeniusreport.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-08.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Boy Genius Report offers both sidebar ads and header ads. The limited number of ads makes each one stand out more.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.boygeniusreport.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>GigaOm</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://gigaom.com/2010/05/21/2-months-out-74-of-latest-y-combinator-class-funded-or-profitable/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-09.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>GigaOm has a very limited number of ads on their site. They offer three ad spaces on their home page&mdash;two in the sidebar and one within the article list. Within individual posts, they offer the same two ad spaces in the sidebar, as well as an ad between the post and the comments section. The ad density works well with the overall clean design of the site.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://gigaom.com/2010/05/21/2-months-out-74-of-latest-y-combinator-class-funded-or-profitable/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Lifehacker</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://lifehacker.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-10.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Lifehacker offers a skyscraper-type banner ad in their sidebar and a square ad in their header on both their home page and on individual posts. The limited number of ads raises their value.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://lifehacker.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>CrunchGear</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.crunchgear.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-11.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>CrunchGear has an ad in their header, as well as a few in their sidebar and a block of 125&#215;125 pixel ads under the first main article on their home page, and then again further down the page. Individual posts have the same ad spaces, with the 125&#215;125 pixel ads appearing between the post content and the comments.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.crunchgear.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>ReadWriteWeb</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.readwriteweb.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-12.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>ReadWriteWeb offers ads in their sidebar as well as between posts on their home page. Larger ads are placed at the top of the sidebar, with smaller ads in two columns underneath. Individual posts have sidebar ads, as well as ads between the post content and the comments, and below the comment form. It&#8217;s a lot of ads for one site, but they&#8217;re placed in such a way that they each remain highly visible.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.readwriteweb.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>TechCrunch</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://techcrunch.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-13.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>TechCrunch has basically the same ad layout as CrunchGear, and again, it works well in the design. The 125&#215;125 pixel ads included between the articles on the home page work especially well, as there&#8217;s plenty of white space between them, making each one stand out.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://techcrunch.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Boing Boing</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.boingboing.net/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-14.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>BoingBoing offers a header ad as well as a square ad at the top of their sidebar. They also have ad space further down in the sidebar. It&#8217;s a limited amount of advertising, and combined with the excellent placement, has great visibility.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.boingboing.net/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Engadget</u></span></h4>
<p><a target="_blank" rel="external nofollow" href="http://www.engadget.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/06/cgtba-15.jpg" alt="instantShift - Complete Guide to Blog Advertising" title="instantShift - Complete Guide to Blog Advertising" width="560" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Engadget has a banner ad above the header, a large square ad at the top of their sidebar, and an ad among the posts on the home page. On individual post pages, there&#8217;s an ad in the header and one at the top of the sidebar. Again, with limited advertising like this, the value of each ad space increases.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.engadget.com/">Official Link</a><br /><br clear="all"/>
</div>
<p><br clear="all"/></p>
<h1><span>Further Information</span></h1>
<ul>
<li><a rel="external nofollow" href="http://www.problogger.net/make-money-blogging/"><strong>Make Money Blogging</strong></a> &#8211; A guide to possible revenue sources from ProBlogger</li>
<li><a rel="external nofollow" href="http://www.doshdosh.com/how-to-make-money-blogging-seven-strategies/"><strong>How to Make Money Blogging: 7 Strategies to Make Money Online</strong></a> &#8211; A guide to possible money-making avenues from DoshDosh</li>
<li><a rel="external nofollow" href="http://weblogs.about.com/od/monetizingablog/p/BlogAdvertising.htm"><strong>Blog Advertising Overview</strong></a> &#8211; A guide from About.com</li>
<li><a rel="external nofollow" href="http://www.problogger.net/archives/2009/11/16/does-your-blog-look-like-nascar/"><strong>Does Your Blog Look Like NASCAR?</strong></a> &#8211; A post covering the risk of having too much advertising from ProBlogger</li>
</ul>
<h1><span>blog concept </span></h1>
<ul>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-54567859.html"><strong>blog concept</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-51082579.html"><strong>personal blog concept</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-54807283.html"><strong>a red home sign</strong></a></li>
</ul>
<h1><span>Find Something Missing?</span></h1>
<p><strong>While writing this article, it&#8217;s always a possibility that we missed some other great information or resources about blog advertising. Feel free to share it with us.</strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/06/10/complete-guide-to-blog-advertising/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>If You Outsource, Outsource Ethically</title>
		<link>http://www.instantshift.com/2010/05/31/if-you-outsource-outsource-ethically/</link>
		<comments>http://www.instantshift.com/2010/05/31/if-you-outsource-outsource-ethically/#comments</comments>
		<pubDate>Mon, 31 May 2010 10:30:31 +0000</pubDate>
		<dc:creator>Sandra Campin</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[advice]]></category>
		<category><![CDATA[Ethical Outsourcing]]></category>
		<category><![CDATA[Outsource]]></category>
		<category><![CDATA[Outsourcing]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2518</guid>
		<description><![CDATA[Outsourcing is fast becoming the ‘oConomy’ or ‘New Market’ of 2010. Any company that is setting up an online business or optimizing an existing business will likely consider, at one point or another, whether or not to outsource any of their web design, IT maintenance, customer care or even data entry. And certainly, more and [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F05%2F31%2Fif-you-outsource-outsource-ethically%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F05%2F31%2Fif-you-outsource-outsource-ethically%2F" height="61" width="51" /></a></div><p><strong>Outsourcing</strong> is fast becoming the ‘oConomy’ or ‘New Market’ of 2010. Any company that is setting up an online business or optimizing an existing business will likely consider, at one point or another, whether or not to outsource any of their web design, IT maintenance, customer care or even data entry. And certainly, more and more companies are turning to outsourcing, often in an attempt to keep their costs down, and to stay competitive in an increasing complex marketplace. The question about whether to outsource or not, at least for the thousands upon thousands who have already made this choice, is redundant. The real questions have become – <strong>What is Ethical Outsourcing?</strong>, and <strong>How to Outsource Ethically?</strong></p>
<p>Let us start by taking a look at Outsourcing and the History of Outsourcing.<br />
<span id="more-2518"></span><br />
<br clear="all"/></p>
<p><strong>You may be interested in the following modern trends related articles as well.</strong></p>
<ul>
<li><a href="http://www.instantshift.com/2010/04/01/how-to-improve-your-online-social-life/"><strong>How to Improve Your Online Social Life?</strong></a></li>
<li><a href="http://www.instantshift.com/2010/04/24/effective-ways-to-promote-your-business-offline/"><strong>Effective Ways to Promote Your Business Offline</strong></a></li>
<li><a href="http://www.instantshift.com/2010/05/03/the-ultimate-guidances-of-e-commerce/"><strong>The Ultimate Guidances of E-Commerce</strong></a></li>
<li><a href="http://www.instantshift.com/2010/04/19/how-to-deal-with-negative-criticism/"><strong>How to Deal With Negative Criticism</strong></a></li>
<li><a href="http://www.instantshift.com/2010/03/29/bulletproof-email-marketing-overview-tips-and-tools/"><strong>Bulletproof Email Marketing: Overview, Tips and Tools</strong></a></li>
<li><a href="http://www.instantshift.com/2009/11/11/why-is-social-interaction-important-for-a-website/"><strong>Why is Social Interaction Important For a Website</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other trends that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><!--adsense#bsa--><br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>What is Outsourcing?</span></h1>
<p>Outsourcing involves hiring overseas companies or freelancers, located anywhere around the world, to do tasks you, as an entrepreneur, CEO or employee, would normally do yourself or delegate to employees of your company. Quite possibly, you’ll have heard of oDesk, Elance and Freelancer. Well, these are outsourcing platforms, where providers, from all corners of the globe, offer their services online, typically, at extremely competitive, if not unheard of, rates. Outsourcing can be compared to an online network or army of workers, and one which is certainly gaining in force.</p>
<p><br clear="all"/></p>
<h1><span>The History of Outsourcing</span></h1>
<p>Outsourcing is almost synonymous with, and certainly has seen an exponential growth spurt thanks to, the Internet and the Information Age. Think back to the early 1990s, when the Internet reached a critical mass, and then, almost overnight, technology changes started happening at an alarmingly rate. Blink, everyone had Internet. Then Youtube, MySpace, Facebook, Twitter. Blink, blink. . . Information became a primary commodity as our global economy morphed into one based on the manipulation of information, and the access to this information literally exploded. In the early outsourcing days, companies turning to outsourcers often sought IT providers. Today, a growing number of companies use outsourcing services as a means to develop their business, juggle the array of online social media and handle their customer care.</p>
<p><br clear="all"/></p>
<h1><span>Is it Really Necessary to Outsource?</span></h1>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/05/iyooe-01.jpg" alt="instantShift - If You Outsource, Outsource Ethically" title="instantShift - If You Outsource, Outsource Ethically" width="560" class="alignnone size-full top_m" />
</div>
<p><br clear="all"/></p>
<p>The reality for many entrepreneurs, who have attempted to set up their own company, is that they are just keeping afloat or are seeing a small profit margin. And many others are struggling to generate the same annual income they would have, had they sought employment, working for someone else. Outsourcing, <strong><em>if done ethically</em></strong>, may represent a way for some companies to stay in business.</p>
<p>But let’s look at the question for a moment from a different angle for a moment. My 2-cents worth is that trying to stop outsourcers from outsourcing would be like trying to stop social media, blogging and professional chat forums. I just can’t see this happening, short of pulling the plug on the Internet. Today, outsourcing is as much part of our economy, as local sourcing is. And it’s especially engrained as a business practise for those Internet entrepreneurs who are in the fast-lane to making the big money online and who are avid outsourcers. Those that want to outsource, or feel it’s the right choice for them, will outsource. And those that don’t, won’t. This article “If You Outsource, Outsource Ethically!” is a plea for just that, ethical outsourcing.</p>
<p><br clear="all"/></p>
<h1><span>Argument for Ethical Outsourcing</span></h1>
<p>Outsourcing ethically is a key to its long-term success. You may have heard the saying: “People like doing business with people they like”. Well, it would be a fair gamble to say, that, consumers prefer to buy from reputable companies, who make their business practises transparent and treat their employees with integrity.</p>
<p>Brian Clark and Jon Morrow, the authors of the e-book “<em>The Outsourcing Conspiracy:  What the 4-Hour Workweek and Internet Marketing Gurus aren&#8217;t telling You about Outsourcing</em>”, ask the following question about outsourcing:  “. . .but doesn&#8217;t something about it just bother you?”. As advocates of partnerships, they are pitching an alternative, and in all likelihood their main objection is not about the ethics of outsourcing. But what they say, echoes loudly for myself as a freelancer/outsourcer and should for any outsourcer. Whether you are a newbie or seasoned outsourcer, you should ask yourself on a regular basis:</p>
<blockquote><p><strong>“Do my outsourcing practises feel right (fair, ethical. . . )?</strong></p>
<p><strong>Is there anything that bothers me (should bother me) about my outsourcing practises?”.</strong></p>
</blockquote>
<p><br clear="all"/></p>
<h1><span>Benefits Of Outsoursing</span></h1>
<p>Here are a few of the more obvious benefits of outsourcing to consider when weighing the pros and cons:</p>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/05/iyooe-02.jpg" alt="instantShift - If You Outsource, Outsource Ethically" title="instantShift - If You Outsource, Outsource Ethically" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<h4><span>The Time Zone Advantage:</span></h4>
<p>A business owner can outsource any aspect of his online business to providers in a different time zone in the evening, and presto! the work will be in the company Inbox the next morning.</p>
<h4><span>The Global Employee Pool:</span></h4>
<p>A business owner who outsources tasks can tap into a network of literally thousands upon thousands of employees, the vast majority of whom are eager to do the work assigned. This is a treat for those employers who have tenured employees in the office, who grumble when given any new project.</p>
<h4><span>The Clone Factor:</span></h4>
<p>Ask yourself the following question:  “What could you be doing if you, as the . . . . . (fill in your job title here). . . , if you were not working so hard?  “What other revenue-generating ventures could I explore if someone else was doing some of my work?”.</p>
</div>
<p><br clear="all"/></p>
<h1><span>Negative Effects Of Outsoursing</span></h1>
<p>Below are a number of the negative effects of outsourcing to consider when weighing the pros and cons of outsourcing. The first three listed are from the perspective of the provider, the later from the perspective of the outsourcer.</p>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/05/iyooe-03.jpg" alt="instantShift - If You Outsource, Outsource Ethically" title="instantShift - If You Outsource, Outsource Ethically" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<h4><span>Outsourcing often leads to Unethical Outsourcing</span></h4>
<p>The no. 1 danger of outsourcing today, in 2010, is that quickly becomes unethical. There is a disturbing, albeit increasingly commonplace trend, whereby outsourcers pay $2 an hour or their own ‘next-to-nothing’ salary to a team of providers who do the bulk of their work for them, and then they pocket a difference that subsidizes trips luxury lifestyles, yatch trips and exotic 4-star holidays.</p>
<h4><span>Outsourcing often leads to Unethical Outsourcing on a Mass Scale</span></h4>
<p>Take for example, the new breed of Online Marketers today, who are making money by selling the concept of outsourcing at $2 an hour. Essentially, they rack in literally thousands, while trafficking the idea that there is absolutely nothing immoral about paying another person $2 an hour.</p>
<h4><span>Outsourcing often leads to Unpaid Work</span></h4>
<p>Another disturbing trend, on a micro-scale compared to the $2 an hour elephant-in-the-room, is that some outsourcers feel entitled to ask for sample work for free. I am willing to bet my last 2-cents that these outsourcers would seldom, if never, agree to provide sample work for free, and would certainly never work under the conditions they are endorsing.</p>
<h4><span>Outsourcing is Damaging to Local and National Economy</span></h4>
<p>In recent years, outsourcing hit the headlines with a vengeance. There was an out lash against outsourcing, with the main arguments used including that it does not support the local and national economy, it reduces wages, and it costs local jobs. Other opponents raised the red alert flag that outsourcing would have negative impact on future generations.</p>
<h4><span>Outsourcing May Incur in Mediocre Results</span></h4>
<p>If you outsource, you have no guarantee that the results will be up to your standards and expectations. Some provider’s work is quite simply average or below average.</p>
<h4><span>Outsourcing Begs the Question of Legal Liability</span></h4>
<p>The concern about possible mediocre work, albeit a valid one, is no match for the legal and copyright issues a company can encounter. If you outsource confidential work, such as payroll, private financial records, and secure transactions, speak with your company lawyer first. If you hire a provider to write your marketing copy or the company blog, research up on the question of who holds authorship. And assume that if the provider writes erroneous content, and you end up putting it on your website, you will hold ultimate liability.</p>
<h4><span>Outsourcing May Result in Intellectual Theft</span></h4>
<p>Another concern may be that the provider just loves your ideas, copies them and beats you to the finish line first. And quite honestly, good luck with dealing with intellectual property theft, especially if you are paying your outsource providers $2-an-hour.</p>
</div>
<p><br clear="all"/></p>
<h1><span>How to Outsource Your Work?</span></h1>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/05/iyooe-04.jpg" alt="instantShift - If You Outsource, Outsource Ethically" title="instantShift - If You Outsource, Outsource Ethically" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<h4><span>Start by Outsourcing Your No. 1 Repeat Task You Do in a Workday</span></h4>
<p>You want to outsource the jobs that you do repeatedly and avoid, where possible, outsourcing ‘one-off’ jobs. Here’s the logic. Each new job or task needs some explanation. If you have one job, you’ll need to do some explaining once. If you have five different jobs, you’ll need to do some explaining five times. And so on. . . The ideal scenario really is to find a good provider, to explain the job that needs doing once, and then to call upon this person whenever you need their services to do that specific task.</p>
<h4><span>Breakdown Your Tasks into Mini-Tasks</span></h4>
<p>It may be harder to manage the outsourcing service providers, as they obviously are not in the same office space, and more often than not, not even in the same geographical location or in the same time zone. And you do have to be as careful, when hiring an outsource provider, as when hiring any employee. There are providers who will accept to do a job and then disappear, thus delaying the process. In other cases, the provider accepts payment in advance, or periodic payments, and then the end results are substandard. The best way is to start off by breaking down any bigger jobs into smaller ones, so that you can establish how you work best together and to establish a level of mutual trust.</p>
<h4><span>Ask For and Give Regular Feedback</span></h4>
<p>Under no circumstances is it acceptable to allow someone to complete hours of labour and not to pay them. The best way to ensure that you are paying for what you want is to give regular feedback so that the end result really does match what you are looking for.</p>
</div>
<p><br clear="all"/></p>
<h1><span>Guidelines for Ethical Outsourcing</span></h1>
<div class="newpost" style="padding-left:40px;">
<img src="http://www.instantshift.com/wp-content/uploads/2010/05/iyooe-05.jpg" alt="instantShift - If You Outsource, Outsource Ethically" title="instantShift - If You Outsource, Outsource Ethically" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<h4><span>Do Not Pay Sub-Standard Wages Under Any Circumstances</span></h4>
<p>If you outsource, outsource in a way that doesn’t involve sub-standard wages. Use the minimum wage in your country as a guideline. Pay your online employees the hourly salary that you would want your partner or child(ren) to be paid for the same job. We are putting in place a employment system that will impact generations to come. What if your son or daughter joins this ‘oComony’?  Would you want them to be paid $2 an hour?  Paying sub-standard wages falls under the category of unethical outsourcing on a major scale. Not paying for work completed falls under the category of unethical outsourcing on a more minor scale. You can certainly ask a provider to show you their portfolio of work. Do not ask them to do any new work for free.</p>
<h4><span>Act As If Adequate Compliance Measures Were In Place</span></h4>
<p>We can expect more compliance measures, although it may take an Enron-incident for appropriate controls to be put into place. One day, maybe all website owners will be audited on their outsourcing practises, to ensure universal standards of Ethical Outsourcing are applied. Imagine that this were the case today and that all websites were red-flagged (or not) according to whether or not the company directors or entrepreneur(s) behind the scenes were adhering to fair and ethical outsourcing practises. Would your website be red-flagged?  One sure-fire way to help ensure you are outsourcing ethically is to write an Ethical Outsourcing Compliance Code which you adhere to, and that you post for others to see.</p>
<h4><span>Be Careful About the West-East Debate</span></h4>
<p>Anyone who hires an Indian or Chinese or Pakistani technical solution provider, for example, may attempt to justify paying low rates by saying something like: “It’s fair to pay sub-standard wages to providers in some countries because the cost of living is less in those countries”. The truth of the matter is that North Americans and Europeans are now dropping their hourly rates just to compete with their counterparts in countries with lower living standards. This argument, of course, is what we can call ‘losing sight of the real issues’. Who cares whether the outsource provider is Indian or American, $2 an hour is simply an unethical rate.</p>
<h4><span>Imagine the Employee Working at the Same Table as You</span></h4>
<p>Let’s go back to the online marketer mentioned earlier who made a video sharing his ‘secret’ of how to hire employees for $2 an hour. Not surprisingly, he had over 1000 views overnight of his video clip. Let’s do the math, here. This marketer is obviously aiming to launch an Information product – be it an e-book, a software program or a video tutorial. And we can safely assume, he plans to outsource as much of the content as possible. If Marketer X converts only 10% of his following to purchasers of his e-book or software or video tutorial, this would still represent, for example, 10% x 1000 followers times, let’s say, $49.99 per Info. Product, and this would generate a round-about $5 000 for one video in one day. That’s pretty decent turn-over for someone who’s only paying $2 an hour. Could you sit down to dinner having pocketed $5000 in a day with the person you are paying $2 an hour?  And even if you can, would other people want to eat with you, if they knew your business practises?</p>
<h4><span>Treat Your Outsource Provider as a Partner</span></h4>
<p>Create a win-win working relationship or partnership of sorts, and one that is as transparent as possible. Take for example, the outsourcer who works in the domain of website creation or design, server administration, SEO and article content. There are outsourcing companies that will bid for jobs and then outsource the work to individuals who will work at lower rates. That this pecking order happens is not surprising – some individuals strive to put themselves in project management or managerial roles while others seek task-driven assignments. In this particular scenario, being transparent would involve saying: “We are getting paid this much per website or article. We will pay you this % of our share to do the actual work”. A side benefit of creating a genuine win-win working relationship is that typically it requires you to exhibit less managerial control.</p>
<h4><span>Be an Advocate for your Outsource Provider</span></h4>
<p>A good employer acts as an advocate for his or her employees, and helps them evolve. One way to act as an advocate for your outsource provider is to promote their services on your website or to refer work to them. Another is to offer, where appropriate, to help the provider profile himself or herself better so that they can charge a higher hourly rate with their other clients. For example, you are working with this provider because they are able to provide a service you need. Can you spot a way they may get more business at higher rates?  And if you see a strength that the provider is not tapping into, can you help reveal it to them through your feedback?  Failing this, a periodic bonus or coffee break cash is a good way to show appreciation.</p>
<h4><span>Ask Yourself:  “Is There Anything that Should Bother Me about My Outsourcing Practises?”</span></h4>
<p>At the end of the day, it all comes down to a simple question of conscience. Can you sleep at night while the providers who make your ideas successful, are earning a mili-fraction of what you are pocketing. Ask yourself regularly:  “Do my outsourcing practises feel right (fair, ethical. . . )?  Is there anything that bothers me (should bother me) about my outsourcing practises?”.</p>
</div>
<p><br clear="all"/></p>
<h1><span>Conclusion</span></h1>
<ul>
<li>Outsourcing is fast becoming the ‘oConomy’ or ‘New Market’ of 2010.</li>
<li>More and more companies are turning to outsourcing, often in an attempt to keep their costs down, and to stay competitive in an increasing complex marketplace.</li>
<li>The question about whether to outsource or not, at least for the thousands upon thousands who have already made this choice, is redundant.</li>
<li>Today, outsourcing is as much part of our economy, as local sourcing is.</li>
<li>If You Outsource, Outsource Ethically!</li>
</ul>
<p><br clear="all"/></p>
<h1><span>Image Credits</span></h1>
<ul>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-25902541/stock-photo-closeup-of-business-people-holding-question-mark-on-boards-in-the-conference-room.html"><strong>Closeup of business people</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-38714989.html"><strong>Businessman&#8217;s hand showing</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-16328383.html"><strong>Two gesturing hands</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-42615592.html"><strong>Young woman drawing graph</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-40277302.html"><strong>Public announcement</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-19229071.html"><strong>Businessman with Fingers Crossed</strong></a></li>
</ul>
<h1><span>Find Something Missing?</span></h1>
<p><strong>While writing this article, it&#8217;s always a possibility that we missed some other great information or resources about outsourcing. Feel free to share it with us.</strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/05/31/if-you-outsource-outsource-ethically/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>The Ultimate Guidances of E-Commerce</title>
		<link>http://www.instantshift.com/2010/05/03/the-ultimate-guidances-of-e-commerce/</link>
		<comments>http://www.instantshift.com/2010/05/03/the-ultimate-guidances-of-e-commerce/#comments</comments>
		<pubDate>Mon, 03 May 2010 12:46:54 +0000</pubDate>
		<dc:creator>Bima Arafah</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[e-shopping]]></category>
		<category><![CDATA[freelance]]></category>
		<category><![CDATA[freelancer]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[Online Shopping]]></category>
		<category><![CDATA[payment]]></category>
		<category><![CDATA[product]]></category>
		<category><![CDATA[sale]]></category>
		<category><![CDATA[shopping]]></category>
		<category><![CDATA[Shopping cart]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2498</guid>
		<description><![CDATA[The modern era require all the things that can make changes a face of the companies and industries, including the flexibility and connectivity as a part of it. e-commerce are becoming very popular these days, all sales are done directly or more familiar that you can called with traditional sales. Where seller and buyer meet [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F05%2F03%2Fthe-ultimate-guidances-of-e-commerce%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F05%2F03%2Fthe-ultimate-guidances-of-e-commerce%2F" height="61" width="51" /></a></div><p>The modern era require all the things that can make changes a face of the companies and industries, including the flexibility and connectivity as a part of it. <strong>e-commerce</strong> are becoming very popular these days, all sales are done directly or more familiar that you can called with traditional sales. Where seller and buyer meet at the same place then conduct the payment transactions. But now, Internet can make connected people all over the world, and also tools such as credit card payment transactions and electronic money such as PayPal which has made e-commerce as one of the leading industry.</p>
<p>Are you considering selling products online? The process involves many aspects of the internet, enough to detour someone from even considering it. This article will help you think through some of the sections on e-commerce industry that is relevant than you walk around over the net.<br />
<span id="more-2498"></span><br />
<br clear="all"/></p>
<p>E-commerce has also become very popular that there are a lot of people engaging on this business that means your business would have many, many competition. And not only competition but some of these wannabe online business owners would try to imitate your site to the extent that they would bypass the law on piracy and plagiarism.</p>
<p><strong>You may be interested in the following related articles as well. </strong></p>
<ul>
<li><a href="http://www.instantshift.com/2009/04/14/beginners-guide-to-e-commerce-solution/"><strong>Beginner’s Guide to E-Commerce Solution</strong></a></li>
<li><a href="http://www.instantshift.com/2010/03/26/the-history-of-online-shopping-in-nutshell/"><strong>The History of Online Shopping in Nutshell</strong></a></li>
<li><a href="http://www.instantshift.com/2010/04/24/effective-ways-to-promote-your-business-offline/"><strong>Effective Ways to Promote Your Business Offline</strong></a></li>
<li><a href="http://www.instantshift.com/2009/02/14/how-to-increase-web-traffic-through-search-engines/"><strong>How to Increase Web Traffic through Search Engines!</strong></a></li>
<li><a href="http://www.instantshift.com/2009/10/06/77-inspirational-example-of-pricing-page-designs/"><strong>77 Inspirational Example of Pricing Page Designs</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><!--adsense#bsa--><br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>E-commerce in History</span></h1>
<p>Back to the invention of the very old notion of &ldquo;sell and buy&rdquo;, electricity, cables, computers, modems, and the Internet. E-commerce became possible in 1991 when the Internet was opened to commercial use. Since that date thousands of businesses have taken up residence at web sites.</p>
<p style="padding: 10px 0px 0px 70px;"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-01.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<p>History of E-commerce is unthinkable without Amazon and EBay which were among the first Internet companies to allow electronic transactions that change the traditional markets into a modern market transactions and the internet to educate business users. Thanks to their founders we now have a handsome ecommerce sector and enjoy the buying and selling advantages of the Internet. Currently there are 5 largest and most famous worldwide Internet retailers: Amazon, Dell, Staples, Office Depot and Hewlett Packard. Now, you can even buy anything via internet. According to statistics, the most popular categories of products sold in the World Wide Web are music, books, computers, office supplies and other consumer electronics.</p>
<p>So this is a history of a new, virtual world which is evolving according to the customer advantage. It is a world which we are all building together brick by brick, laying a secure foundation for the future generations.</p>
<p><br clear="all"/></p>
<h1><span>Brief Description of E-commerce</span></h1>
<p>The term electronic commerce (commonly known as e-shopping, E-commerce  or eCommerce) meant the process of execution of commercial transactions electronically with the help of the leading technologies such as Electronic Data Interchange (EDI) and Electronic Funds Transfer (EFT) which gave an opportunity for users to exchange business information and do electronic transactions. The ability to use these technologies appeared in the late 1970s and allowed business companies and organizations to send commercial documentation electronically.</p>
<p style="padding: 10px 0px 0px 70px;"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-02.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<p>Today the largest electronic commerce is Business-to-Business (B2B). Businesses involved in B2B sell their goods to other businesses. In 2001, this form of E-commerce had around $700 billion in transactions. Other varieties growing today include Consumer-to-Consumer (C2C) where consumers sell to each other, for example through auction sites. Peer-to-Peer (P2P) is another form of E-commerce that allows users to share resources and files directly.</p>
<p>Electronic commerce is generally considered to be the sales aspect of e-business. It also consists of the exchange of data to facilitate the financing and payment aspects of the business transactions.</p>
<p><br clear="all"/></p>
<h1><span>Advantages and Disadvantages of E-commerce </span></h1>
<p>E-commerce has quickly became a way of life, but like with anything &#8211; there are a number of advantages and disadvantages of conducting business in this manner. It is important that you know the advantages and disadvantages of each so you can ultimately succeed with the online business world. </p>
<p style="padding: 10px 0px 0px 70px;"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-03.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<div class="newpost" style="padding-left:40px;">
<h4><span>Advantages of E-commerce:</span></h4>
<ul>
<li><strong>Time saving</strong> &ndash; is the reason number one for using electronic commerce. People now have access to their money and what they need to buy from home and work all from a desktop computer.</li>
<li><strong>Consumers have an access to a wider range of products</strong> &ndash; company now can use internet sites as shop fronts, so consumers can browse, buy from many different sellers and making it easier to find exactly what they are looking for.</li>
<li><strong>Allows small businesses to mix with the big business online</strong> &ndash; with a relatively small cost, a new business can set its self up to conduct transactions online.</li>
<li><strong>Provide benefits to suppliers of goods and services</strong> &#8211; company now can target a wider variety of consumers even take the product or service international, allowing them a means of supplying their goods to places that were before unreachable.</li>
<li><strong>Business is Open 24 x 7 x 364 7/8</strong> &ndash; it works while you play or sleep. They are open for business every hour of the day, every day of the week, every week of the year. Your receptionist, greeter and front people are always working for you because they are your website. They do not complain about the long hours.</li>
<li><strong>Messages spreading (world wide market space)</strong> &ndash; advertising on the web can make a big or small firm&#8217;s promotional message reach out to potential customers all over the world quickly and small cost as an online marketing strategy.</li>
<li><strong>Help protect against frauds and theft losses</strong> &ndash; electronic payments can be easier to monitor than payments are made by cheques.</li>
<li><strong>Thinking Outside the Globe</strong> &ndash; selling something made by someone else, shipped by yet another and the money handled by yet another is the heart of the advantages e commerce brings to the business world. You can even employ an international staff. Some work you may need done can be more effectively done by companies or even individuals in other countries.</li>
</ul>
<h4><span>Disadvantages of E-commerce:</span></h4>
<ul>
<li><strong>Purchase to Delivery</strong> &ndash; when making a purchase at a brick and mortar business, you get the product when you pay for it. On the web, there may be a time lag from purchase to actually being able to consume. The consumer will have to wait for delivery of physical goods.</li>
<li><strong>Inability to Feel the Physical</strong> &ndash; it is nearly impossible to sell things like furniture and tires online. Furniture is something people like to sit on and know the feel. Tires need to be installed once purchased. The old tires also need to be disposed of. In both instances, there is a need for real actions to fulfill the reason for the purchase. That&rsquo;s why things like food, jewelry, antiques etc. can never turn to E-commerce.</li>
<li><strong>Trouble recruiting and retaining employees</strong> &ndash; the company needs well-expert and skilled staff to keep up and create the ecommerce facilities of the company. Many companies favor to outsource their improvement and programming tasks to decrease labor costs.</li>
<li><strong>Consumers feel less confident with their credit card numbers</strong> &ndash; most of the consumers are still not confident in providing their credit card numbers for making payments on &nbsp;the website while shopping on the Internet.</li>
<li><strong>Not every company can take the benefit</strong> &#8211; some of the small companies may not be able to take the benefit of E-commerce for example the lack of expertise and lack of technology. The legal environment in which E-commerce is conducted is full of unclear and conflicting laws. It should be noted that mostly these disadvantages stem from the newness and rapidly growth of the technology.</li>
</ul>
</div>
<p><br clear="all"/></p>
<h1><span>Things to Consider When Starting an E-commerce Business</span></h1>
<p>Leaving many people around the world consider their work in progress and start a business online. They have dreams of relaxing in the comfort of your own home, no travel, no distractions and flexible hours. Of course there is a lot to consider when starting a business. Here are a few thoughts.</p>
<p style="padding: 10px 0px 0px 70px;"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-04.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<div class="newpost" style="padding-left:40px;">
<ul>
<li><strong>Purpose </strong> &ndash; at the very top of the list is what you want the purpose of your website to be. While this may seem basic, many people jump into building a website that they have glorified in their head only to find weeks later that the idea looked better in their head than on paper when it comes to actually making money. Try to creating list of categories that would be included on your site and range age of your consumer as target markets. Such as Converse, which only provides shoes that consists of several categories and 8 years to 35 years are their target markets. You got my point?</li>
<li><strong>It will need long learning curve</strong> &ndash; what profitable things in life do not require learning? Additionally, web success is a constantly moving target. Success will require continuous education. Try to learn and make some study case from big players that have goods and valueable services and how they can long run in this industry. Give more your attention for what condition and criteria of goods and services that consumers wants from your site. Stay hungry, stay foolish just like Steve Jobs said. This phrase means we should always want more, never be content and when you want to do something that others say is foolish, but you need and you believe it, do it anyways!</li>
<li><strong>It will need long start to success time</strong> &ndash; at the minimum it will take 6 months to get recognized by the Google search engine. Some have found that it may take up to 2 years to make a minimum income of a few hundred a month. Many if they do make an income will only make a few to several thousand dollars a month. If you just want instant success, this industry is not for you. Just go check out one of the get rich quick schemes out there! So, are you ready to be a part of this industry, ask yourself again.</li>
<li><strong>Marketing</strong> &ndash; how are your potential customers going to find your online store? While it&rsquo;s true that search engines will provide some traffic, to be successful requires advertising your online business just as if it were a physical location. Building awareness for your product, brand, or store takes time and money. It will often take as much or more than the website development costs. Some key components of a good Internet marketing plan include search engine marketing, website advertising, social media, and offline advertising. And don&rsquo;t forget to create email marketing for effectiveness online marketing strategies while spreading your messages, promotion or anything. Need resources? You can find here, <a rel="external nofollow" href="http://www.instantshift.com/2010/03/29/bulletproof-email-marketing-overview-tips-and-tools/"><strong>Bulletproof Email Marketing: Overview, Tips and Tools</strong></a> that I&rsquo;ve written previously on InstantShift.</li>
<li><strong>Logistics </strong> &ndash; an E-commerce website is your storefront. So, where is your warehouse? Where will you store and fulfill the inventory? Who will manage this process? Anyone with retail experience will tell you that inventory control will make or break your business. The other logistical challenge that can have a huge impact is shipping. The shipping carriers you utilize and your shipping charges should be determined based on the type of products and your target market.</li>
<li><strong>Customer Service</strong> &#8211; the best E-commerce businesses collect and use customer feedback. Feedback it possible to understand, anticipate and meet changing internet customer needs and wants because people come to your E-commerce web for goods and other information. The various aspects of customer needs can be provided as a resource to solve many customer service issues. It does not stop there. Sometimes a living human touch is needed. What better way to handle customer service than actually having customers who have solved complicated problems themselves help. Yes, you need good customer service to begin.</li>
<li><strong>Security</strong> &ndash; even with the enhancements with knowledge encryption, there may be still the hazard of somebody getting a maintain of your personal and financial information. Remember, it&#8217;s better to prevent than cure your system. Always making sure your customer knows that your website is secure and that their privacy will never be compromised goes back to the issue of trust. It does not take much effort to display a message telling your customers that they are safe in your hands just because a footer link to your privacy policy is not always enough.</li>
</ul>
<h4><span>And why do I need WordPress for E-commerce site?</span></h4>
<p>As we already know that WordPress is one of the best open platform for now. Because it&rsquo;s free, which has become one of our point in the advantages section that I&#8217;ve mentioned above, SEO friendly and the flexibility of WordPress has always been its strong point. The fact that you can tweak and twist (easy installation, easy customization and maintenance) it to your own will with just a bit of knowledge and an extraordinary support from a large community of developers and blogger (plugins and themes) transformed what initially was a blogging tool into a powerful website CMS, may it be a blog, photoblog, portfolio, simple presentation website, or even your E-commerce site.</p>
</div>
<p><br clear="all"/></p>
<h1><span>Effectively Tips for E-commerce Store</span></h1>
<p>The most critical aspect is in your launch is just getting the E-commerce site off the ground. Once it&rsquo;s safely in orbit, you&rsquo;ll have other priorities. For now, here&rsquo;s where you need to expend your energy:</p>
<p style="padding: 10px 0px 0px 70px;"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-05.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<div class="newpost" style="padding-left:40px;">
<ul>
<li><strong>Keep it simple.</strong><br />
Many people cite overly complicated navigation or too many pages in the purchase path as reasons they don&#8217;t complete their online sale or abandon their shopping cart. Successful eCommerce sites simplify the checkout process and display clear pricing and shipping information. Putting your brick and mortar store&#8217;s phone number in a visible place on your Web site is a good idea. </li>
<li><strong>Optimize your headings layout.</strong><br />
Headings are the main place where you can persuade users to stay on your website for another few seconds. If your heading is too informational or puts them to sleep you have missed your chance. Use clear, descriptive headings that get to the point and provide users with a source of relevancy. </li>
<li><strong>Make payment processing easy.</strong><br />
After all, it is easy to set up a website that shows off your product, but unless you have a way for customers to pay, there is no use in doing so. You can accept credit card payments with either a PayPal account or an online merchant account. PayPal is ideal for anyone trying out the E-commerce waters since there&#8217;s less of an upfront commitment, but you may end up paying more per transaction. The thing to note about PayPal is that both the buyer and the seller need a PayPal account, but that&#8217;s hardly a barrier to entry. It&#8217;s so easy to create a PayPal account that more than 96 million consumer accounts have been created at PayPal since it was founded in 1998.</li>
<li><strong>Optimize your internal site search.</strong><br />
This is more of a usability tip, but it applies perfectly within the context of E-commerce SEO. Because your visitor found your site via a search engine, they will likely expect your internal site search to work as well. I&rsquo;ve found that many first time visitors landing your site from a SERP will search for the exact same term they typed into Google.</li>
<li><strong>Provide professional product images</strong><br />
One of the best parts about walking into a brick and mortar store to make a purchase is that you are physically able to pick up and examine a product. By giving users multiple images online allows us to overcome this barrier. On top of giving users multiple images, give them professional images from different angles and in different environments. Show them a shirt from the front, back, side, as well as on a model.</li>
<li><strong>Leave a trail.</strong><br />
Incorporate &ldquo;breadcrumb navigation&rdquo; into your online catalogue pages. This will show where in the site hierarchy the currently viewed web page is located and it will give the visitor shortcuts to instantly jump higher up the hierarchy. It&rsquo;s good practice for usability and for Search Engine Optimization.</li>
<li><strong>Product reviews.</strong><br />
A great strategy for guaranteeing unique content is displaying user generated content from your customers. Allow customers to review products they&rsquo;ve purchased or comment on one&rsquo;s they haven&rsquo;t.</li>
<li><strong>Market your site once it&#8217;s live.</strong><br />
It&#8217;s not enough to just build a Web site. You need to make an effort to market and promote your Web site to new and existing customers. Collect email addresses on your site to help you keep in touch with customers and consider creating a newsletter that I&rsquo;ve mentioned on things to consider section above. </li>
<li><strong>Study your customer&rsquo;s every move.</strong><br />
Watch how your customers use your website and learn what frustrates them. Analyze your visitor&rsquo;s traffic patterns, invite customers to complete a survey after they purchase and have informal brainstorming sessions with your most valuable customers. More research, more effective to learn habits from your customers.</li>
</ul>
</div>
<p><br clear="all"/></p>
<h1><span>Showcase of E-commerce Sites for Inspiration</span></h1>
<p>E-commerce sites are more complex than static websites or blogs. Here I have collected e-commerce sites which are nicely designed and can be source of inspiration for web-designers and developers working on such type of projects.</p>
<div class="newpost" style="padding-left:70px;">
<h4><span><u>Fox Cubs</u></span></h4>
<p><a rel="external nofollow" href="http://www.foxcubs.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-06.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.foxcubs.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Incase</u></span></h4>
<p><a rel="external nofollow" href="http://goincase.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-07.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://goincase.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Cosmicsoda</u></span></h4>
<p><a rel="external nofollow" href="http://www.cosmicsoda.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-08.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.cosmicsoda.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Threadless</u></span></h4>
<p><a rel="external nofollow" href="http://threadless.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-09.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://threadless.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Djin</u></span></h4>
<p><a rel="external nofollow" href="http://www.djin.se/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-10.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.djin.se/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Pure Volume Store</u></span></h4>
<p><a rel="external nofollow" href="https://store.purevolume.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-11.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="https://store.purevolume.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Brand Nuesense</u></span></h4>
<p><a rel="external nofollow" href="http://www.brandneusense.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-12.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.brandneusense.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Emptees</u></span></h4>
<p><a rel="external nofollow" href="http://emptees.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-13.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://emptees.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Victoria’s secret</u></span></h4>
<p><a rel="external nofollow" href="http://www2.victoriassecret.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-14.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www2.victoriassecret.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Archiduchesse</u></span></h4>
<p><a rel="external nofollow" href="http://www.archiduchesse.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-15.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.archiduchesse.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Me &#038; Mommy-to-be</u></span></h4>
<p><a rel="external nofollow" href="http://www.meandmommytobe.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-16.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.meandmommytobe.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Bridge 55</u></span></h4>
<p><a rel="external nofollow" href="http://www.bridge55.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-17.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.bridge55.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Itself</u></span></h4>
<p><a rel="external nofollow" href="http://www.hereitself.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-18.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.hereitself.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Mozilla Store</u></span></h4>
<p><a rel="external nofollow" href="http://store.mozilla.org/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-19.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://store.mozilla.org/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Decoder</u></span></h4>
<p><a rel="external nofollow" href="http://www.thedecoderring.com/shop/posters/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-20.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.thedecoderring.com/shop/posters/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Nicholas Deakins Clothing</u></span></h4>
<p><a rel="external nofollow" href="http://nicholasdeakins.com/deakinsclothing_collection.asp"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-21.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://nicholasdeakins.com/deakinsclothing_collection.asp">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Designbyhuman</u></span></h4>
<p><a rel="external nofollow" href="http://www.designbyhumans.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-22.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.designbyhumans.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Clever Craft</u></span></h4>
<p><a rel="external nofollow" href="http://www.clever-craft.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-23.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.clever-craft.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>HelmetDress</u></span></h4>
<p><a rel="external nofollow" href="http://www.helmetdress.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-24.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.helmetdress.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Free People Clothing Boutique</u></span></h4>
<p><a rel="external nofollow" href="http://www.freepeople.com/index.cfm"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-25.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.freepeople.com/index.cfm">Official Link</a><br /><br clear="all"/>
</div>
<p><br clear="all"/></p>
<h1><span>WordPress Themes and Plugins for Quick Starting</span></h1>
<p>If you want to sell goods from your web site, you may want to look into shopping cart software so you can process your orders. These days you don’t have to design your cart, you can just choose a web hosting company that has a built in WordPress Installation or you can install WordPress by yourself. Hope you know that how to do that and use a third party merchant like PayPal. Many developers offer subscriptions to all their stuff specially WordPress themes and plugins for a monthly fee.</p>
<p>Developing a shopping cart by using a WordPress, integrating with PayPal or Authorize.net and sell products using WordPress? Now it’s not a big job anymore with this excellent piece of Software. There are three main options for setting WordPress up as a store :</p>
<ul>
<li><strong>1.</strong> Install WordPress on your domain</li>
<li><strong>2.</strong> Activate a Theme related to Shopping cart</li>
<li><strong>3.</strong> Integrating a Plugin</li>
</ul>
<p>But now I&rsquo;m not going to tell you how to build an e-commerce site on your WordPress machine, just because there are a lot of useful tutorials out there that provided by another blog design/developer magazine that you can find via internet. Or you can just easily choose one from list a lot of great e-commerce tutorials through this post <a rel="external nofollow" href="http://portfolio.icreativelabs.com/the-big-list-of-wordpress-e-commerce-tutorial/"><strong>The Big List of WordPress e-Commerce Tutorials</strong></a> that was written by my friend, Anggi Krisna from <a rel="external nofollow" href="http://icreativelabs.com/"><strong>iCreativeLabs</strong></a>. It contains article and video tutorials that have collected by Anggi.</p>
<p>WordPress looks like the ultimate platform to build a site nowadays. I&rsquo;m extremely pleased let you know that you can build an Ecommerce site from WordPress with this themes and plugins. Now, you are spoilt for choice!</p>
<p><br clear="all"/></p>
<h1><span>Great WordPress Themes to Create Your Own Online Store</span></h1>
<div class="newpost" style="padding-left:70px;">
<h4><span><u>WP Store</u> [$65 for single use license]</span></h4>
<p><a rel="external nofollow" href="http://templatic.com/news/wp-store-premium-wordpress-theme"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-26.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://templatic.com/news/wp-store-premium-wordpress-theme">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://templatic.com/demo/wpstore/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>e-Commerce</u> [$65 for single use license]</span></h4>
<p><a rel="external nofollow" href="http://templatic.com/ecommerce-themes/e-commerce"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-27.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://templatic.com/ecommerce-themes/e-commerce">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://templatic.com/demo/ecommerce/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>Kidz Store</u> [$65 for single user license]</span></h4>
<p><a rel="external nofollow" href="http://templatic.com/news/kidz-store-wordpress-theme"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-28.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://templatic.com/news/kidz-store-wordpress-theme">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://templatic.com/demo/kidzstore/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>eShop</u> [$65 for single user license]</span></h4>
<p><a rel="external nofollow" href="http://templatic.com/news/eshop"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-29.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://templatic.com/news/eshop">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://templatic.com/demo/eshop/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>ArtShop</u> [price $30]</span></h4>
<p><a rel="external nofollow" href="http://themeforest.net/item/artshop/25348"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-30.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://themeforest.net/item/artshop/25348">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://themeforest.net/item/artshop/full_screen_preview/25348">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>AppCloud</u> [Free License]</span></h4>
<p><a rel="external nofollow" href="http://portfolio.icreativelabs.com/wordpress/freebies/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-31.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://portfolio.icreativelabs.com/wordpress/freebies/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://demo.icreativelabs.com/ecommerce/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>AppCloud Premium</u> [price $35]</span></h4>
<p><a rel="external nofollow" href="http://portfolio.icreativelabs.com/wordpress/premium/appcloud/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-32.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://portfolio.icreativelabs.com/wordpress/premium/appcloud/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://demo.icreativelabs.com/appcloud/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>Kelontong WordPress E-Commerce Theme</u> [price $35]</span></h4>
<p><a rel="external nofollow" href="http://portfolio.icreativelabs.com/wordpress/premium/kelontong/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-33.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://portfolio.icreativelabs.com/wordpress/premium/kelontong/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://demo.icreativelabs.com/kelontong">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>Dangdoot online music store theme</u> [price $35]</span></h4>
<p><a rel="external nofollow" href="http://portfolio.icreativelabs.com/wordpress/premium/dangdoot/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-34.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://portfolio.icreativelabs.com/wordpress/premium/dangdoot/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://demo.icreativelabs.com/dangdoot">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>ShopAholic</u> [price $25]</span></h4>
<p><a rel="external nofollow" href="http://www.tobacamp.com/featured/tobashop-wordpress-ecommerce-theme/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-35.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.tobacamp.com/featured/tobashop-wordpress-ecommerce-theme/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://tobacamp.com/blog/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>Ecommerce WordPress Theme</u> [price $75.95]</span></h4>
<p><a rel="external nofollow" href="http://ithemes.com/purchase/ecommerce-theme-1/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-36.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://ithemes.com/purchase/ecommerce-theme-1/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://demos.ecommercethemes.com/index.php">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>Crafty Cart</u> [Free License]</span></h4>
<p><a rel="external nofollow" href="http://www.thekingcart.com/2008/10/02/crafty-cart-free-wordpress-ecommerce-plugin-theme/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-37.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.thekingcart.com/2008/10/02/crafty-cart-free-wordpress-ecommerce-plugin-theme/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://demo.billionstudio.com/?wptheme=Crafty%20Cart">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>The Clothes Shop</u> [$42]</span></h4>
<p><a rel="external nofollow" href="http://themeforest.net/item/the-clothes-shop-wordpress-ecommerce/64132"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-38.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://themeforest.net/item/the-clothes-shop-wordpress-ecommerce/64132">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://themeforest.net/item/the-clothes-shop-wordpress-ecommerce/full_screen_preview/64132">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>The Furniture Store</u>  [$47]</span></h4>
<p><a rel="external nofollow" href="http://themeforest.net/item/the-furniture-store-wordpress-ecommerce-shop/69996?ref=Sybe"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-39.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://themeforest.net/item/the-furniture-store-wordpress-ecommerce-shop/69996?ref=Sybe">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://themeforest.net/item/the-furniture-store-wordpress-ecommerce-shop/full_screen_preview/69996">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>WPShop Reloaded</u>  [$37]</span></h4>
<p><a rel="external nofollow" href="http://themeforest.net/item/wpshop-reloaded-wordpress-ecommerce/53051?ref=Sybe"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-40.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://themeforest.net/item/wpshop-reloaded-wordpress-ecommerce/53051?ref=Sybe">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://themeforest.net/item/wpshop-reloaded-wordpress-ecommerce/full_screen_preview/53051">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>Vanilla Cart</u>  [Free License]</span></h4>
<p><a rel="external nofollow" href="http://shoppingthemes.com/vanillacart/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-41.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://shoppingthemes.com/vanillacart/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://shoppingthemes.com/demo/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>SimpleCart(js)</u>  [Free License]</span></h4>
<p><a rel="external nofollow" href="http://www.chris-wallace.com/2009/07/17/simplecartjs-a-free-wp-e-commerce-thematic-child-theme/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-42.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.chris-wallace.com/2009/07/17/simplecartjs-a-free-wp-e-commerce-thematic-child-theme/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.chris-wallace.com/simplecart/">Live Demo</a><br /><br clear="all"/></p>
<h4><span><u>wpStore</u>  [Free License]</span></h4>
<p><a rel="external nofollow" href="http://wpfeed.com/2009/07/wpstore-free-wordpress-e-commerce-theme/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-43.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://wpfeed.com/2009/07/wpstore-free-wordpress-e-commerce-theme/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://wpstore.wpfeed.com/">Live Demo</a><br /><br clear="all"/>
</div>
<p><br clear="all"/></p>
<h1><span>WordPress Plugins that are Very Useful for E-commerce Sites</span></h1>
<p style="padding: 10px 0px 0px 70px;"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-44.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></p>
<p><br clear="all"/></p>
<div class="newpost" style="padding-left:70px;">
<ul>
<li><strong><a rel="external nofollow" href="http://www.instinct.co.nz/e-commerce/"> WP e-Commerce</a></strong> &ndash; is a very popular and free plug-in and can be installed right from the plug-in section of your hosted WordPress admin tool. There are several modules for this product including drop shipping, digital downloads, members only, and an affiliate option. These modules are reasonably priced, but can add up if your trying to be cost conscious.</li>
<li><strong><a rel="external nofollow" href="http://shopplugin.net/"> Shopp plug-in for ecommerce</a></strong> &ndash; this plug-in is not free, and you will pay for enhanced features. But the thing you really like about this product is it&rsquo;s breadth of features. From the WordPress Dashboard integration to the drag and drop functionality of putting products in the shopping cart. You&rsquo;ll find advanced features like inventory management, multiple shipping types, data export for Excel and Quickbooks, and various language translations through this plugin.</li>
<li><strong><a rel="external nofollow" href="http://www.briggs.net.nz/log/projects/yak-for-wordpress/">YAK for WordPress</a></strong> &ndash; is another free and simple shopping cart plugin which allows you to run WordPress as a shopping cart. There is a whole long procedure of setting up the plugin and how to configure it, to ensure that you can display the products and receive payments through cheque, deposit, credit card form or through PayPal.</li>
<li><strong><a rel="external nofollow" href="http://wordpress.org/extend/plugins/eshop/">eShop</a></strong> &ndash; this is WordPress 2.5 and above compatible shopping cart, which is actively developed at the moment and has got some of the most wonderful options. It&rsquo;s one of my first suggestions to anyone, who wants to use WordPress as a shopping cart too.</li>
<li><strong><a rel="external nofollow" href="http://tribulant.com/products/view/10/wordpress-shopping-cart-plugin">Tribulant</a></strong> &ndash; costs $49.99 is a full shopping cart plugin to help you get an online shop going, you can categorize, organize and add categories fairy easily. It works with PayPal, 2checkout, moneybookers, bankwire, and credit card.</li>
<li><strong><a rel="external nofollow" href="http://www.shopperpress.com/">ShopperPress</a></strong> &ndash; pretty darn good its a shopping cart theme, so not just a plugin but an entire theme making the whole process of getting setup very very quick and it works with every payment gateway you can imagine! There is a free trial version costs you nothing to download, a vip version which is $69 and developer version which is $175 I would highly recommend checking this out if your looking for a fast solution that looks good.</li>
<li><strong><a rel="external nofollow" href="http://wordpress.org/extend/plugins/quick-shop/">Quick Shop</a></strong> &ndash; QuickShop supports any WordPress that has the Sidebar Widgets installed, really. It adds a SideBar widget that shows the user what they currently have in the cart and allows them to remove the items, not to mention a TinyMCE button to easily allow you to add products to your posts/pages.</li>
<li><strong><a rel="external nofollow" href="http://wordpress.org/extend/plugins/wp-liveshopping/">Wp Live Shopping</a></strong> &ndash; this widget enables you to display all relevant live shopping offers within your WordPress blog in one single widget. You can add the widget to your sidebar and customize its appearance as you like inside the boundaries of LiveShoppingWidgets presentation options.</li>
<li><strong><a rel="external nofollow" href="http://arepaypal.ehibou.com/">Are PayPal</a></strong> &ndash; this plugin is used to monetize WordPress blog content using PayPal. It is designed to sell your knowledge. Seems to be having issues right now. Basically it works with PayPal.</li>
<li><strong><a rel="external nofollow" href="http://www.sitemile.com/p/storePress">StorePress</a></strong> &ndash; is a full e-commerce WordPress plugin that accepts PayPal, Authorize.net, and 2Checkout out of the box. It includes multiple widgets, dashboard widgets, shortcodes, and works using WordPress pages to keep everything nice and simple. Costs $49 very similar to shopper press, works with PayPal and its a theme and cart together.</li>
<li><strong><a rel="external nofollow" href="http://pixline.net/2008/05/paypal-shortcodes-plugin/en/">Paypal Shortcodes</a></strong> &ndash; let you to insert PayPal buttons in posts or pages using short code, no management panel though.</li>
<li><strong><a rel="external nofollow" href="http://www.freerobby.com/artpal/">ArtPal</a></strong> &ndash; ArtPal is a free (GPL) WordPress plugin, originally written for Artists, to seemlessly integrate PayPal with their WordPress blogs so that they can sell their work online. It&rsquo;s totally free.</li>
<li><strong><a rel="external nofollow" href="http://www.markettheme.com/">Market Theme</a></strong> &ndash; costs $55 or $150 for developers, is a theme and cart. It works with PayPal only though, though there is a Google checkout module available.</li>
<li><strong><a rel="external nofollow" href="http://www.wposc.com/">WPosCommerce</a></strong> &ndash; or the WP.osC plugin for WordPress is a modified version of the popular ecommerce solution osCommerce. WP.osC allows you to integrate osCommerce with existing WordPress website. The plugin displays latest products, random products, top 10 best sellers all on your WordPress blog post page. It adds a dynamic widget in your blogs sidebar to display the products.</li>
</ul>
</div>
<div class="newpost" style="padding-left:40px;">
<h4><span><u>Other Plugins</u></span></h4>
<p>Well, the above mentioned plugins are good enough when it comes to setting up the shopping cart, however there are several things for which you may not need a e-commerce solution. Here are some of them which have nothing to do as far as e-Commerce sites are concerned but are worth to mention.</p>
</div>
<div class="newpost" style="padding-left:70px;">
<ul>
<li><strong><a rel="external nofollow" href="http://www.wpbankroll.com/">WP BankRoll</a></strong> &ndash; this is a free/premium plugin, which allows you to earn money by allowing you to sell reviews on your blog. This plugin integrates with PayPal and if installed you get the ability to sell the reviews and also even lets you configure things in a way that an advertiser can write the post himself. Ah! that&rsquo;s a neat thing, isn&rsquo;t it ?</li>
<li><strong><a rel="external nofollow" href="http://wordpress.org/extend/plugins/zencart-and-wordpress-user-integration/">Zencart &amp; WordPress integration</a></strong> &ndash; this plugin is not a shopping cart however, it integrates wonderful and open source shopping cart software i.e. ZenCart with WordPress.</li>
<li><strong><a rel="external nofollow" href="http://www.voiceoftech.com/swhitley/?page_id=129">EasyPayPal</a></strong> &ndash; if you want to charge for your content, then you can do that with the help of this plugin. It also lets you help in creating various other type of payment pages which completely depends on your need. Without mentioning this plugin, this post would have been incomplete.</li>
</ul>
</div>
<p><br clear="all"/></p>
<h1><span>Icon Resources for Your Themes</span></h1>
<p>E-commerce web design brings some unique requirements, and this usually includes the need for specific icons such as shopping carts, credit cards, and others related to the online shopping experience. In this section, if you want to improve your themes for development, you can use this icon sets, it&rsquo;s free resources. Undeniably, icons are far easier to understand and creates more life to the site, more shiny and catchy in visitor&#8217;s eyes. It also produces a feeling of invitation to explore the site more.</p>
<div class="newpost" style="padding-left:70px;">
<h4><span><u>glossy eCommerce icons</u></span></h4>
<p><a rel="external nofollow" href="http://www.starfishwebconsulting.co.uk/articles/free-ecommerce-icons"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-45.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Free for private and commercial use, featuring the so needed shopping cart, money signs and credit cards.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.starfishwebconsulting.co.uk/articles/free-ecommerce-icons">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.starfishwebconsulting.co.uk/goodies/glossy_ecommerce_icons.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>FRESH Add-on</u></span></h4>
<p><a rel="external nofollow" href="http://www.iconeden.com/icon/fresh-addon-a-free-iconset.html"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-46.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Business icon pack featuring some must-have pieces.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.iconeden.com/icon/fresh-addon-a-free-iconset.html">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.iconeden.com/download/32/Fresh.addon.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>WP WooTheme Icon Set</u></span></h4>
<p><a rel="external nofollow" href="http://www.woothemes.com/2009/02/wp-woothemes-ultimate-icon-set-first-release/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-47.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>This is the first release of the WP WooThemes Ultimate Icon Set and the idea is to expand and build on the set (which contains 79 icons at the moment) in the coming months. The free download contains all 79 icons, sized at 256&times;256 pixels and available in both PNG and GIF formats. As an added bonus to our users, they will also be able to download Nishan&rsquo;s Illustrator file, which will give them high-res, vector copies of the icons.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.woothemes.com/2009/02/wp-woothemes-ultimate-icon-set-first-release/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.woothemes.com/free-downloads/wp-woothemes-ultimate-icon-set.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Ecommerce Payment Icon Pack</u></span></h4>
<p><a rel="external nofollow" href="http://www.thecolourmill.co.uk/graphic-design/ecommerce-payment-icon-pack/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-48.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>A free set of icons including credit card and popular payment gateway symbols in a mini format that&rsquo;s perfect for ecommerce websites and online payment stores.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.thecolourmill.co.uk/graphic-design/ecommerce-payment-icon-pack/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.thecolourmill.co.uk/wp-content/uploads/2009/09/ecommerce_payment_icon_pack.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Payment Option Icons</u></span></h4>
<p><a rel="external nofollow" href="http://theroxor.com/2009/12/02/20-free-payment-option-icons/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-49.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>This set contains 20 icons for popular payment methods such as MasterCard, PayPal, Visa, American Express, Diner&rsquo;s Club and much more. All icons are in PNG format and come in three different sizes: big (130&times;80), small (80&times;49) and tiny (50&times;31).</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://theroxor.com/2009/12/02/20-free-payment-option-icons/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://theroxor.com/wp-content/uploads/Free-Payment-Icons.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Payment type icons and buttons</u></span></h4>
<p><a rel="external nofollow" href="http://blog.webasyst.net/payment-type-icons/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-50.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Collection of payment type icons (buttons) which you can embed into your website or online storefront to show which payment types that you accept.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://blog.webasyst.net/payment-type-icons/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.webasyst.net/collections/design/payment-icons/payment-type-icons.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Chalkwork Payments</u></span></h4>
<p><a rel="external nofollow" href="http://www.mezzoblue.com/icons/chalkwork/payments/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-51.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.mezzoblue.com/icons/chalkwork/payments/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.mezzoblue.com/icons/chalkwork/download?file=chalkwork-payments.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Credit Card Images and Test Numbers</u></span></h4>
<p><a rel="external nofollow" href="http://www.infomerchant.net/creditcardprocessing/credit_card_images.html"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-52.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.infomerchant.net/creditcardprocessing/credit_card_images.html">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Free E-commerce Vector Icons</u></span></h4>
<p><a rel="external nofollow" href="http://designm.ag/freebies/e-commerce-icons/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-53.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>The set includes five icons that were created for use in e-commerce websites. The icons are free for personal or commercial use.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://designm.ag/freebies/e-commerce-icons/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://designm.ag/downloads/ecom-icons.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Exclusive E-commerce Icons</u></span></h4>
<p><a rel="external nofollow" href="http://playground.ebiene.de/2316/free-ecommerce-icons/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-54.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Available e-commerce icons may be used in any projects, whether commercial or private nature.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://playground.ebiene.de/2316/free-ecommerce-icons/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://files.me.com/sergej.mueller/lkpbnv">Download</a><br /><br clear="all"/></p>
<h4><span><u>Free Checkout Process Vector Icons</u></span></h4>
<p><a rel="external nofollow" href="http://www.jakubstacho.cz/checkout/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-55.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>Set of 6 free icons in sizes 16&times;16, 32&times;32 and 48&times;48 in PNG and ICO format. Vector source file also included.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.jakubstacho.cz/checkout/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.jakubstacho.cz/checkout/checkout-icons-8.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Shopping Basket Icon</u></span></h4>
<p><a rel="external nofollow" href="http://kyo-tux.deviantart.com/art/Basket-129616195"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-56.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://kyo-tux.deviantart.com/art/Basket-129616195">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.deviantart.com/download/129616195/Basket_by_kyo_tux.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Shopping Cart and Basket Icons</u></span></h4>
<p><a rel="external nofollow" href="http://www.bazaardesigns.com/5335-shopping-cart-and-basket-icons/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-57.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.bazaardesigns.com/5335-shopping-cart-and-basket-icons/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.bazaardesigns.com/file/455">Download</a><br /><br clear="all"/></p>
<h4><span><u>CSS Globe Icon Set</u></span></h4>
<p><a rel="external nofollow" href="http://cssglobe.com/post/3949/interview-with-logo-designer-luka-pensa/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-58.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>CSS Globe offers an icon set that includes shopping cart icons.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://cssglobe.com/post/3949/interview-with-logo-designer-luka-pensa/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://cssglobe.com/articles/misipile/icons.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Shopping Cart Icons</u></span></h4>
<p><a rel="external nofollow" href="http://www.intersmash.com/300images/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-59.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.intersmash.com/300images/">Official Link</a><br /><br clear="all"/></p>
<h4><span><u>Money Icons Set</u></span></h4>
<p><a rel="external nofollow" href="http://www.iconeasy.com/iconset/money-icons/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-60.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>There are 10 icons in this set.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.iconeasy.com/iconset/money-icons/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.iconeasy.com/icon/zip/Business/Money/Money%20png.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>Milky – A free stock vector iconset</u></span></h4>
<p><a rel="external nofollow" href="http://www.iconeden.com/icon/milky-a-free-vector-iconset.html"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-61.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" target="_blank" rel="external nofollow" href="http://www.iconeden.com/icon/milky-a-free-vector-iconset.html">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://www.iconeden.com/download/30/Milky.zip">Download</a><br /><br clear="all"/></p>
<h4><span><u>243 Country Flag Icons</u></span></h4>
<p><a rel="external nofollow" href="http://365icon.com/icon-styles/ethnic/classic2/"><img src="http://www.instantshift.com/wp-content/uploads/2010/05/ugoe-62.jpg" alt="instantShift - The Ultimate Guidances of E-commerce" title="instantShift - The Ultimate Guidances of E-commerce" width="500" class="alignnone size-full top_m" /></a><br />
<br clear="all"/>
<p>With such a large selection, you are sure to be able to find the flag you are looking for. These are free to use for personal and commercial projects.</p>
<p><a class="comments_l" target="_blank" rel="external nofollow" href="http://365icon.com/icon-styles/ethnic/classic2/">Official Link</a> <a class="comments_l" target="_blank" rel="external nofollow" href="http://365icon.com/wp-content/downloads/Flags.zip">Download</a><br /><br clear="all"/>
</div>
<p><br clear="all"/></p>
<h1><span>Summary</span></h1>
<p>I would encourage you to re-check into how an e-commerce shopping cart website could benefit you, but be aware of the challenges too. It is important to work with someone that knows what they are doing and has experience with this type of website development.</p>
<p>After all, now is time to sharing! What&rsquo;s on your mind about e-commerce industries? You can also adding other great themes, plugins and icon resources that I missed by commenting on this page. Please feel free to leave your comments if there ever had experience from this industry. I think, share would be very good for each other. Si ya!</p>
<h1><span>Image Credits</span></h1>
<ul>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-21844837.html"><strong>Computer mouse cord forming WWW</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/pakora_holga/3611071941/"><strong>I hate history | laura marie scott</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/fotofig/2028693940/"><strong>A long and trying meeting | Fotofigg</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/neloqua/413486098/"><strong>My photo on Flickr 3rd Anniversary | neloqua</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/animefx/3135040090/"><strong>Considering | animefx</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/dreamsofnyssa/2238924499/"><strong>Tip-toes | DreamsOfNyssa</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/43201245@N08/4084747298/"><strong>WordPress-plugin | truanty</strong></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/05/03/the-ultimate-guidances-of-e-commerce/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>How to Boost Your Online Portfolio</title>
		<link>http://www.instantshift.com/2010/04/28/how-to-boost-your-online-portfolio/</link>
		<comments>http://www.instantshift.com/2010/04/28/how-to-boost-your-online-portfolio/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 12:11:13 +0000</pubDate>
		<dc:creator>iShift Staff</dc:creator>
				<category><![CDATA[How To]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[advice]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[copyediting]]></category>
		<category><![CDATA[copywriting]]></category>
		<category><![CDATA[employer]]></category>
		<category><![CDATA[freelancer]]></category>
		<category><![CDATA[online]]></category>
		<category><![CDATA[online portfolio]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[social life]]></category>
		<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://www.instantshift.com/?p=2492</guid>
		<description><![CDATA[Portfolio is the reflection of one’s work and skills; any potential employer actually goes through your portfolio and sees your previous designs and work you have done. Going over your portfolio he decided to either hire you or not. Most employers search on the net; those portfolios which have something different to offer will get [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: 4px 0px 10px 20px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F04%2F28%2Fhow-to-boost-your-online-portfolio%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.instantshift.com%2F2010%2F04%2F28%2Fhow-to-boost-your-online-portfolio%2F" height="61" width="51" /></a></div><p><strong>Portfolio</strong> is the reflection of one’s work and skills; any potential employer actually goes through your portfolio and sees your previous designs and work you have done. Going over your portfolio he decided to either hire you or not. Most employers search on the net; those portfolios which have something different to offer will get noticed and consequently will be hired.</p>
<p>Popular Portfolios document all “stories” previous work and inclinations of the designer. They should tell everything an employer needs to know, and state so clearly about his work that he may land up at his most desirable project.<br />
<span id="more-2492"></span><br />
<br clear="all"/></p>
<p><strong>You may be interested in the following related articles as well. </strong></p>
<ul>
<li><a href="http://www.instantshift.com/2009/04/26/how-to-create-a-better-online-portfolio/"><strong>How to Create A Better Online Portfolio</strong></a></li>
<li><a href="http://www.instantshift.com/2009/11/11/why-is-social-interaction-important-for-a-website/"><strong>Why is Social Interaction Important For a Website</strong></a></li>
<li><a href="http://www.instantshift.com/2010/03/22/are-you-just-a-freelancer-or-a-successful-one/"><strong>Are You Just a Freelancer? Or a Successful One?</strong></a></li>
<li><a href="http://www.instantshift.com/2009/01/05/90-inspirational-and-creative-portfolio-designs/"><strong>90 Inspirational And Creative Portfolio Designs</strong></a></li>
<li><a href="http://www.instantshift.com/2010/04/19/how-to-deal-with-negative-criticism/"><strong>How to Deal With Negative Criticism</strong></a></li>
<li><a href="http://www.instantshift.com/2010/04/01/how-to-improve-your-online-social-life/"><strong>How to Improve Your Online Social Life?</strong></a></li>
</ul>
<p>Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links that our readers may like.</p>
<p></p>
<p>Don’t forget to <a rel="external nofollow" href="http://feeds2.feedburner.com/ishift"><img src="http://www.instantshift.com/images/rss.png" alt="Subscribe to our RSS-feed" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>subscribe to our RSS-feed</strong></a> and <a rel="external nofollow" href="http://twitter.com/instantshift"><img src="http://www.instantshift.com/images/twitter.png" alt="Follow us on Twitter" style="float:none;padding:0;margin:0;border:0;" align="absmiddle" /> <strong>follow us on Twitter</strong></a> &mdash; for recent updates.</p>
<p><!--adsense#bsa--><br />
<br clear="all"/></p>
<div class="newpost">
<h1><span>Why do You Need an Online Portfolio?</span></h1>
<p>Online portfolio can be viewed by a huge number of people and can act as a live project showcasing the person’s skills. An online portfolio can be tailored in a manner in which the person’s interest of work, taste, and inspiration is showcased. The online portfolio can showcase all the previous work or a collection of the most appreciated ones, even designs showcasing the expertise may be well enough. Reaching out to far off continents where you may get employment, online portfolio is the only way out.</p>
<p><br clear="all"/></p>
<h1><span>Tips for Creating an Online Portfolio</span></h1>
<p>To call these ways tips would not be right because these are the methods which will get your online portfolio notice. Implement these thoroughly and see boom in your work.</p>
<div class="newpost" style="padding-left:40px;">
<h4><span>1. Know Your Target Audience</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-01.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; Many times designers are not sure of their target audience and they mistakenly target the entire domain. A logo design specialist needs to identify people/corporations who are in the area of logo design on various networks (social).</p>
<p><strong>Solution</strong> &#8212; Getting to know your real target audience is equally important as to be master of your trade, because then you can get to them and eventually make potential clients. One way to do that is going in social forums and networks and start following them on conversations and participating with them, this makes a certain trust and people start noticing you and you get in touch with your desired audience. Community based news groups as in ‘LinkedIn’ can offer great help.</p>
<p>It’s really important to know the target audience for your work and accordingly you need to present your online portfolio. If you have a broad client base or you are looking to make new clients, generally both is the case, you need to constantly keep upgrading your content with your new projects and of course the front-end must be catchy enough to hold newer clients for long. When people start viewing your portfolio, it’s your job to turn viewers into potential clients.</p>
<h4><span>2. Choose the Perfect Environment</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-02.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; Most new designers are not sure of the technology they want to use or the processes they want to employ for building there online portfolio. Such mistake often turns out critical at times.</p>
<p><strong>Solution</strong> &#8212; Now before making your online portfolio you should think of your needs and accordingly choose the platform for your website such as WordPress, joomla, Drupal or simple CSS/HTML. Each one has its own pros and cons. The websites must be light and they must be cross browser friendly they must not take time to open and must not come with hassles.</p>
<p>One more important thing is that you need to update your websites quite often, so make it less complex and get in touch with technology blogs or news where you can learn the simplest ways to do changes and all.</p>
<h4><span>3. Keep Your Content Simple and Take Straight Approach</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-03.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; What is the use of a webpage where people have to go through a tutorial to surf through it? Navigation in a webpage must be kept as simple as possible, many times one cannot find decent information even with heaps of data loaded on the page, keep it simple.</p>
<p><strong>Solution</strong> &#8212; It’s important to make simple pages in portfolio and present it in a straight forward manner, do not make others, to see your creativity even when they don’t want to as most of the time the employers don’t have enough time for that. Try to follow the approach where navigation is done from top to bottom and with details mentioned as of Home, News, About, Contact etc so that anybody at first visit to the webpage should have a complete idea and can navigate very easily.</p>
<p>The kind of media you have used in your portfolio and how quickly it loads is critical. Flash sites are now being replaced by HTML pages, mostly for this reason only and they are also in no way lesser in visual appeal after CSS and AJAX code in HTML sites than Flash sites.</p>
<h4><span>4. Define Your Style and Design</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-04.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; A photographer on his portfolio will have to put image gallery, slide shows depicting his work and more and art interests, suppose he makes a portfolio with rows and columns of thumbnail images and a write-up, who will hire him?</p>
<p><strong>Solution</strong> &#8212; It’s very important to clearly define the strategies for the design part and according to needs you can employ them.</p>
<ul>
<li>When a lot of data is to be put in a single page Grid and Column technique Designs are used.</li>
<li>Someone who is looking for a job can focus on past projects and support it with some creative writing.</li>
<li>Updating of portfolios should be timely undertaken.</li>
<li>Professionals generally exhibit their work and create a network and go for highly attractive designs, rather “Out of the box” designs.</li>
</ul>
<h4><span>5. Make an Effective Presentation and be Available Always</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-05.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; Just start counting the number of designers who are working in the same domain as you, how many are going to be champs? All those who can leave an impression on their viewers apart from many other factors of course will get the pie. Are you Approachable 24/7 ?</p>
<p><strong>Solution</strong> &#8212; All those who can leave an impression on their visitors or give away some freebies to download and install or do anything which will a make them remember their potential clients can expect better conversion into clients. You need to be approachable when working internationally, time difference creates difficulty but emails can always be sent over and time may be set for meeting over skype or set up a chat. You should always keep your location updated on social networks and as already told earlier follow various groups like Yahoo, linkedIn or Twitter List.</p>
<p>Remember that your potential employer may just visit your portfolio once but that one visit should leave a mark on him and you must make your portfolio unique enough to make him remember this and make him download the PDF of your portfolio to be viewed offline.</p>
<h4><span>6. Finding the Right Hosting</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-06.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; What good will be a portfolio webpage when you pay higher in rents than you are earning or even when the hosting is so bad that it gets crashed quite frequently.</p>
<p><strong>Solution</strong> &#8212; Choosing the write hosting firm is critical in any organization, as in case of the very big firms they spend millions on it as they can’t afford to be down for even a moment but when a designer who’s looking to get employed seeks his hosting then “cost and relative efficiency” both must be balanced.</p>
<h4><span>7. Know What to Show</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-07.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; Don’t put heaps of work and get your viewer in a tizzy, what good would a portfolio be when all categorizing has to be done by viewers will while surfing through hundreds of designs.</p>
<p><strong>Solution</strong> &#8212; Your portfolio should not look like a ‘garbage can’. You should not put all your work on your portfolio and don’t stack it with a huge number of designs as hardly any potential client will go through them all. Put your “selected” OR “recent” work on display, this way you are making very easy for your potential clients to choose from and eventually for you to get work.</p>
<p>Focus on the skills you are selling and your portfolio should speak of them; make it clear what your expertise are and how passionately you take up your job.</p>
<h4><span>8. You Can Go for Multiple Portfolios</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-08.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; Why not have multiple Portfolios, When you can?</p>
<p><strong>Solution</strong> &#8212; Post your portfolio on Community portfolio sites such <a rel="external nofollow" href="http://www.deviantart.com/"><strong>Deviant Art</strong></a> and <a rel="external nofollow" href="http://www.behance.net/"><strong>Behance</strong></a> they will get you the attention and more people, but to be noticed it’s important that you should have a proper link back to your website where detailed work could be viewed by interested clients.</p>
<p>Go for multiple portfolios for the different services you offer, focus on individual expertise and target specific markets, it’s better to show products to your clients categorically. Create different portfolio for corporate clients and keep your “more creative” work aside for the experimental once.</p>
<h4><span>9. Don&#8217;t Neglect the Benefits of SEO</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-09.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; When you want to land up higher in search results, get greater credibility and confidence what’s better than best SEO practices.</p>
<p><strong>Solution</strong> &#8212; Do take care while designing your portfolio that it has all the words coming in at your website’s title bar or at even at different places so that it comes up in probable searches, SEO can get you great traffic if properly utilized.</p>
<p>If your focused more on ‘downtown’ area then make sure your putting that in ‘About’ page and it should come naturally quite a number of times to get noticed by searches and consequently your webpage will get higher priority if ‘downtown’ is the keyword used in search. Taking about search engine optimization, you should know that ‘HTML based’ websites are more search engine friendly rather than ‘Flash based’ sites.</p>
<h4><span>10. People Like to Hear Stories</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-10.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; You need to include real life instances and latest happenings so that they may understand your work better.</p>
<p><strong>Solution</strong> &#8212; Do your own branding, your portfolio should reflect your work and expertise as this (portfolio) is like the first project which your potential clients will be viewing. Make your portfolio speak of your work and connect with the people.</p>
<p>Clients who are viewing your portfolio may not be in the design field and they may be just random people having little appreciation for design work, you need to tell them about your work and the creativity involved. Quite often people are interested in knowing about your previous work or even see the content you share, you can tell them stories about your work you did where you have got appreciation or even about those design changes that got much more traffic coming in, or even a story you made to digg front page.</p>
<h4><span>11. Test Your Site Thoroughly</span></h4>
<p><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-11.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" class="alignnone size-full top_m" /><br />
<br clear="all"/></p>
<p><strong>Problem</strong> &#8212; It important to test all functionalities of your website well before launching. When something goes wrong then there a very less probability that someone might inform about it.</p>
<p><strong>Solution</strong> &#8212; You need to make sure that your online portfolio is compatible in all working environment and do cross browser test effectively for all available updates of various browsers. You never know how a particular change you made will appear in a particular environment and negligence in this may result in losing clients, because if they find even a minor fault maybe because they were using some older version of the browser, loss would be yours.</p>
</div>
<p><br clear="all"/></p>
<h1><span>Showcase of Creative Portfolio Designs</span></h1>
<div class="newpost" style="padding-left:40px;">
<h4><span>01. <u>Studio7designs</u></span></h4>
<p><a rel="external nofollow" href="http://www.studio7designs.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-01.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.studio7designs.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>02. <u>Ndesign-studio</u></span></h4>
<p><a rel="external nofollow" href="http://www.ndesign-studio.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-02.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.ndesign-studio.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>03. <u>Concentric-studio</u></span></h4>
<p><a rel="external nofollow" href="http://concentric-studio.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-03.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://concentric-studio.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>04. <u>Floridaflourish</u></span></h4>
<p><a rel="external nofollow" href="http://www.floridaflourish.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-04.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.floridaflourish.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>05. <u>45royale</u></span></h4>
<p><a rel="external nofollow" href="http://www.45royale.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-05.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.45royale.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>06. <u>Squaredeye</u></span></h4>
<p><a rel="external nofollow" href="http://squaredeye.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-06.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://squaredeye.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>07. <u>Alexarts</u></span></h4>
<p><a rel="external nofollow" href="http://alexarts.ru/en/index.html"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-07.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://alexarts.ru/en/index.html">Official Link</a><br /><br clear="all"/></p>
<h4><span>08. <u>Pasti</u></span></h4>
<p><a rel="external nofollow" href="http://www.pasti.pl/english/index.html"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-08.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.pasti.pl/english/index.html">Official Link</a><br /><br clear="all"/></p>
<h4><span>09. <u>Thisbythem</u></span></h4>
<p><a rel="external nofollow" href="http://thisbythem.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-09.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://thisbythem.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>10. <u>Markmcgall</u></span></h4>
<p><a rel="external nofollow" href="http://www.markmcgall.com/index.shtml"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-10.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.markmcgall.com/index.shtml">Official Link</a><br /><br clear="all"/></p>
<h4><span>11. <u>Charliegentle</u></span></h4>
<p><a rel="external nofollow" href="http://www.charliegentle.co.uk/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-11.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.charliegentle.co.uk/">Official Link</a><br /><br clear="all"/></p>
<h4><span>12. <u>Awpexpress</u></span></h4>
<p><a rel="external nofollow" href="http://www.awpexpress.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-12.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.awpexpress.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>13. <u>Joolz</u></span></h4>
<p><a rel="external nofollow" href="http://joolz.fr/folio/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-13.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://joolz.fr/folio/">Official Link</a><br /><br clear="all"/></p>
<h4><span>14. <u>Trevorclarkphoto</u></span></h4>
<p><a rel="external nofollow" href="http://www.trevorclarkphoto.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-14.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.trevorclarkphoto.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>15. <u>Puppetbrain</u></span></h4>
<p><a rel="external nofollow" href="http://www.puppetbrain.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-15.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.puppetbrain.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>16. <u>Branded07</u></span></h4>
<p><a rel="external nofollow" href="http://www.branded07.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-16.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.branded07.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>17. <u>Carsonified</u></span></h4>
<p><a rel="external nofollow" href="http://carsonified.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-17.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://carsonified.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>18. <u>Happycog</u></span></h4>
<p><a rel="external nofollow" href="http://www.happycog.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-18.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.happycog.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>19. <u>Indofolio</u></span></h4>
<p><a rel="external nofollow" href="http://www.indofolio.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-19.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.indofolio.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>20. <u>Wh1sp</u></span></h4>
<p><a rel="external nofollow" href="http://wh1sp.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-20.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://wh1sp.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>21. <u>Jeroenhoman</u></span></h4>
<p><a rel="external nofollow" href="http://www.jeroenhoman.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-21.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.jeroenhoman.com/">Official Link</a><br /><br clear="all"/></p>
<h4><span>22. <u>Nineliondesign</u></span></h4>
<p><a rel="external nofollow" href="http://www.nineliondesign.com/"><img src="http://www.instantshift.com/wp-content/uploads/2010/04/htbyop-s-22.jpg" alt="instantShift - How to Boost Your Online Portfolio" title="instantShift - How to Boost Your Online Portfolio" width="560" height="280" class="alignnone size-full top_m" /></a><br />
<br clear="all"/><a class="comments_l" rel="external nofollow" href="http://www.nineliondesign.com/">Official Link</a><br /><br clear="all"/>
</div>
<p><br clear="all"/></p>
<div align="center" class="next_post top_bot_p"> <a href="http://www.instantshift.com/2009/09/06/99-creative-and-beautiful-looking-portfolio-designs/">Continue Reading Full Showcase &gt;&gt; </a></div>
<p><br clear="all"/></p>
<p><br clear="all"/></p>
<h1><span>Further References</span></h1>
<ul>
<li><a rel="external nofollow" href="http://en.wikipedia.org/wiki/Career_portfolio"><strong>Career Portfolio | From Wikipedia, the free encyclopedia</strong></a></li>
</ul>
<h1><span>Image Credits</span></h1>
<ul>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-49311808/stock-photo-success-target.html"><strong>Success Target</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-17685838/stock-photo-hands-holding-sapling-in-soil.html"><strong>Hands holding sapling</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-44677729.html"><strong>Businessman drawing a website schema</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-32230876.html"><strong>Modern and Stylish laptop</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-51429847.html"><strong>24/7 Sign</strong></a></li>
<li><a rel="external nofollow" href="http://www.flickr.com/photos/69875617@N00/3425464/"><strong>Servers</strong></a></li>
<li><a rel="external nofollow" href="http://www.shutterstock.com/pic-44896480.html"><strong>Hand over laptop</strong></a></li>
<li><a rel="external nofollow" href="http://gizmodo.com/5463150/some-people-are-too-attached-to-traditional-media"><strong>People Attached to Traditional Media</strong></a></li>
</ul>
<h1><span>Find Something Missing?</span></h1>
<p><strong>While writing this article, it&#8217;s always a possibility that we missed some other great tips or resources to improve online social life. Feel free to share it with us.</strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.instantshift.com/2010/04/28/how-to-boost-your-online-portfolio/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>
