<?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>Quick Online Tips &#187; Design</title>
	<atom:link href="http://www.quickonlinetips.com/archives/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.quickonlinetips.com/archives</link>
	<description>Technology, Blogging, New Media and Web 2.0</description>
	<lastBuildDate>Wed, 18 Nov 2009 16:56:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How Much Should I Pay For a Website?</title>
		<link>http://www.quickonlinetips.com/archives/2009/07/website-worth/</link>
		<comments>http://www.quickonlinetips.com/archives/2009/07/website-worth/#comments</comments>
		<pubDate>Fri, 24 Jul 2009 15:10:36 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Guest Posts]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=8880</guid>
		<description><![CDATA[Guest post by Terry Roper
Many of us want to have an asset that will pay us every month but in our busy busy world time is precious.Â  So to avoid the grunt work involved in getting a legitimate, profitable website up and running we can just buy one. The question frequently asked is â€œHow much [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F07%2Fwebsite-worth%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F07%2Fwebsite-worth%2F" height="61" width="51" /></a></div><p><em>Guest post by <a href="http://www.thrivelearning.blogspot.com/">Terry Roper</a></em><br />
Many of us want to have an asset that will pay us every month but in our busy busy world <a href="http://thrivelearning.blogspot.com/2009/06/time-is-precious.html">time is precious</a>.Â  So to avoid the grunt work involved in getting a<strong> legitimate, profitable website</strong> up and running we can <em>just buy one</em>. The question frequently asked is â€œHow much should I pay for a website?&#8217;<span id="more-8880"></span></p>
<p>This is yet another one of those excruciatingly vague questions that most people in the online industry will hear quite a bit. The fact is, some websites are only <em>worth </em>$100 or $200 (like a custom design for a blogspot blog, as an example). Others have literally millions of dollars of value in them (like a website and database for a major car dealer, which keeps track of and can search for tens of thousands of cars, and has complex search criteria, a user sign up, custom made graphics, custom made promotions added on a regular basis, etc., etc., etc.)</p>
<p>Don&#8217;t worry. You don&#8217;t have to spend millions for your website. But you should<strong> know what you&#8217;re paying for</strong>. But it is important for budgeting that you understand the cost of an online store website.</p>
<p>One way to separate &#8220;<strong>types of websites</strong>&#8221; is by comparing Custom Design websites to Template websites. There are several major differences to these types of sites.</p>
<p><img src="http://farm2.static.flickr.com/1365/1408503489_b6dbddba8d_d.jpg" alt="Web Design" /><br />
<em>Photo by <a href="http://www.flickr.com/photos/rbos/1408503489/">Ruben Bos</a> (under CC)</em></p>
<h3>Custom Website Design</h3>
<p>Here are <strong>some positives</strong> about what you will receive with a Custom Website Design:</p>
<ul>
<li>A fully unique website, built to your specifics.</li>
<li>The opportunity to modify or tweak specific features that you would like to change or alter.</li>
<li>The option to have special &#8220;moving aspects&#8221; on your website, such as a &#8220;flash banner.&#8221;</li>
<li>Added customization.</li>
<li>Your banner creation is generally included. You could also purchase a logo design from the same designer or design company.</li>
</ul>
<p>Here are <strong>some downfalls </strong>to getting a Custom Website Design:</p>
<ul>
<li>They cost <em>significantly </em>more. Designers charge anywhere between $60 and $150 per hour (on average). Even a simple website, to suit small business&#8217;s needs, will generally cost well over a thousand dollars. If you want to have more than a couple of pages, or any additional features, or if you want them to put in your products for you, it will cost well more than that.</li>
<li>You&#8217;re &#8220;stuck with it.&#8221; Once your website has been given to you, you cannot easily modify it yourself. This means your website is stuck as is unless you learn HTML, or continue to re-hire your designers for changes and revisions. With a website that&#8217;s not changing, it&#8217;s far more difficult to adapt to your market, and you will generally not be as well ranked with the search engines.</li>
<li>It&#8217;s a <em>little risky</em>. Because you&#8217;re hiring someone for their time, not necessarily for a specific product, it is very difficult to get a refund from a design company if you&#8217;re not satisfied with your design. Most design companies have a contract which specifies that they only do a set number of alterations once they&#8217;ve made the website, even if you don&#8217;t like it. This means that if your number of alterations runs out before you like the website design, you may be stuck with a low quality site.</li>
</ul>
<h3>Template Website Designs</h3>
<p>Here are some <strong>positive things</strong> about getting a template website design, or template website builder.</p>
<ul>
<li>They are generally the same quality as custom website designs. Despite what designers will try to convince you of, most templates were made by professional designers in the first place, so the quality will be similar.</li>
<li>They are far easier to modify. If you don&#8217;t know HTML coding, or have access to expensive photo editing software, it is far easier to modify a template website. Templates usually come with easy to use website modification tools, which allow you to change and add text, images, and more on your website. This means you can update more frequently, adapt to your market, and become more &#8220;liked&#8221; by the search engines.</li>
<li>They come with all the features &#8220;built in.&#8221; While you have to pay a website designer to add a store for your online store website, all of the important features are already included in a template website.</li>
<li>They are easy to expand. It can be a large and expensive task to add a page on a Custom Website Design. However, adding pages, products, categories, etc., is very easy with Website Templates.</li>
</ul>
<p><strong>Negative things </strong>about Template Website Designs:</p>
<ul>
<li>Other people will have the same templates. It may be attractive and effective, but it&#8217;s not unique. Other people will have the same borders, backgrounds, and navigation that you do as a result of what a template <em>is. </em>Of course, most people visiting your site won&#8217;t notice this, and most won&#8217;t have seen the other sites with the same design, but it is still a downfall.</li>
<li>You have to learn the builder. Even with dedicated customer care or technical support, you won&#8217;t be given step-by-step-by-step directions on the website builder you are using, and there are some basic things you will need to learn. They may not be as complex as HTML code, but it is still something you&#8217;ll have to pick up on.</li>
<li>You&#8217;re limited in the templates you can choose. If you know for sure that you want a pure black website with gold navigation and and baroque styled frame around the site, with a maroon colored pattern outside of that, it&#8217;s pretty unlikely that you&#8217;ll find that specific of a template. If you&#8217;re really picky about those aspects, templates may simply frustrate you, because they are confining in that way.</li>
</ul>
<p>So which do we recommend? Well, neither and both. Each suits the needs of different people (or, more importantly, the needs of different online businesses).</p>
<p><strong>In brief:</strong></p>
<ul>
<li>If you <strong>know basic HTML,</strong> are okay with <strong>spending a little more</strong>, and don&#8217;t mind <strong>spending money when you want to make changes,</strong> the advantages provided by a <strong>custom website design</strong> are likely worthwhile for you.</li>
<li>If you <strong>don&#8217;t know HTML</strong>, are on a <strong>tight budget</strong>, and don&#8217;t mind investing little bit <strong>more time</strong> into your site when you need to make changes, then a <strong>Template Website Design </strong>is probably the best fit for you.</li>
</ul>
<p>So, what can you expect to pay for each of these? Well, prices range and vary for each type of website, and especially with custom website designs you will need to do research into the special features of your site.</p>
<p>However, we can say that Template Sites that include an online store, an ability to expand pages, and the ability to add products/images/etc., should cost between <strong>$700 and $2000</strong>. Custom websites that have the normal pages for a store website (Home, About Us, Contact Us, Privacy Policy, Shipping Policy, Store, etc.) should generally cost between <strong>$1500 and $4000</strong>.</p>
<p><em>Terry Roper maintains the blog of <a href="http://www.thrivelearning.blogspot.com/">Thrive Learning Institute</a> and has been involved in web development for over 4 years. You can also <a href="http://www.quickonlinetips.com/archives/guest-blogging/">write a guest article</a> and share your expert advice.</em></p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2007/09/our-website-grade-is-98100/" rel="bookmark">Our Website SEO Grade is 98/100</a><!-- (22.624)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/01/test-website-on-apple-safari-with-safaritest/" rel="bookmark">Test Website on Apple Safari with SafariTest</a><!-- (22.3964)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/10/help-design-the-new-mozilla-quality-qmo-website/" rel="bookmark">Help Design the New Mozilla Quality (QMO) Website</a><!-- (22.3912)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/04/how-to-update-alexa-thumbnail-images-of-your-website/" rel="bookmark">How to Update Alexa Thumbnail Images of Your Website</a><!-- (21.4189)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/07/test-website-load-time/" rel="bookmark">How to Test Website Load Time</a><!-- (20.9118)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2009/07/website-worth/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>6 Best Sites to Download Free Fonts</title>
		<link>http://www.quickonlinetips.com/archives/2009/07/download-free-fonts/</link>
		<comments>http://www.quickonlinetips.com/archives/2009/07/download-free-fonts/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 13:30:58 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Guest Posts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Srikanth]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=8656</guid>
		<description><![CDATA[Guest post by Srikanth
If you are a graphic designer then you would constantly look out for new fonts to suit your work and needs. And, finding the right font for a work is really tricky. Here are some of the sites that offer free font downloads.
1) 1001freefonts: This site has a large database of various [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F07%2Fdownload-free-fonts%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F07%2Fdownload-free-fonts%2F" height="61" width="51" /></a></div><p><em>Guest post by <a href="http://www.ekoob.com/tag/twitter/" target="_blank">Srikanth</a></em><br />
If you are a graphic designer then you would constantly look out for new fonts to suit your work and needs. And, finding the right font for a work is really tricky. Here are some of the sites that offer free font downloads.<span id="more-8656"></span></p>
<p>1) <strong><a href="http://www.1001freefonts.com/" target="_blank">1001freefonts</a></strong>: This site has a large database of various fonts. It enables you to search for the fonts and preview the selected font prior to downloading it. You can download fonts for Windows and Mac OS X.</p>
<p>2) <a href="http://www.urbanfonts.com/" target="_blank"><strong>Urbanfonts</strong></a>: This site also has got over 8,000 freeware fonts for you to choose from. You can search for the font type, preview the selected font in the same window and download the font file. The font file contains the rules for the entire font family such that you need not download any extra file. You can find both bit mapped and scalable fonts in this site.</p>
<p>3) <strong><a href="http://betterfonts.com/" target="_blank">Betterfonts</a></strong>: Offers thousands of fonts for free download. You can quickly preview and download different fonts of your choice. From the font list present in the left frame on the site you can select the font type and the quick preview of the selected font type is generated automatically. By clicking on the &#8220;download font now&#8221; button you can download the select font instantly.</p>
<p>4) <strong><a href="http://www.searchfreefonts.com/" target="_blank">Searchfreefonts</a></strong>: This site has over 13,000 free fonts to choose from. All the font files are arranged in categories such that you can find the font file of your choice easily. After you have selected the font file you can preview the selected font style and download it.</p>
<p>5) <a href="http://www.dafont.com/" target="_blank"><strong>Dafont</strong>:</a> In this site selecting a font of your choice is easy. The font files are arranged category wise such that you can choose a category and select the required font style from it. You can also instant preview a font style and download it. This site offers widest range of font styles. You can even find fonts of different languages apart than English, check them out <a href="http://www.dafont.com/theme.php?cat=202" target="_blank">here</a>.</p>
<p>6)<strong> <a href="http://www.fonts500.com/" target="_blank">Fonts500</a></strong>: This site features the top 500 fonts that are been downloaded by users from some of the web&#8217;s biggest free font archives. At a glance, you may find the desired font style easily. By clicking on the font icon you can directly download the font file.</p>
<p><em>Guest blogger Srikanth writes on <a href="http://www.ekoob.com/tag/iphone/" target="_blank">Tech Inspiration</a> blog about tips, gadgets, and technology. You can also <a href="http://www.quickonlinetips.com/archives/guest-blogging/">write a guest article</a> and share your favorite tool and services.<br />
</em></p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2005/04/free-true-type-fonts-installing-working-smart-with-fonts/" rel="bookmark">Free True Type Fonts: Installing &amp; Working Smart with Fonts</a><!-- (51.4559)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2007/12/download-vista-fonts-calibri-cambria-constantia-corbel-candara-consolas/" rel="bookmark">Download Vista Fonts: Calibri, Cambria, Constantia, Corbel, Candara, Consolas</a><!-- (38.8689)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2005/12/convert-handwriting-to-true-type-fonts/" rel="bookmark">Convert Handwriting to True Type Fonts</a><!-- (30.1241)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/07/testing-google-adsense-fonts/" rel="bookmark">Google Adsense Testing New Ad Fonts</a><!-- (28.4781)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2009/06/make-free-ringtones/" rel="bookmark">10 Best Sites to Create Your Own Free Ringtones</a><!-- (28.3236)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2009/07/download-free-fonts/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Multiple RSS Feed Adsense Units, Link Ads in Google Reader</title>
		<link>http://www.quickonlinetips.com/archives/2009/06/multiple-rss-feed-adsense-google-reader/</link>
		<comments>http://www.quickonlinetips.com/archives/2009/06/multiple-rss-feed-adsense-google-reader/#comments</comments>
		<pubDate>Sun, 14 Jun 2009 11:17:28 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Adsense]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=8388</guid>
		<description><![CDATA[Have you seen multiple Google Adsense ad units and link units on any RSS feed in Google Reader? Normally Adsense allows only one ad unit in feeds, the ad size of which they automatically decide. But then Techcrunch with 2 million RSS readers is an ideal site for testing new Adsense variations with 2 ad [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F06%2Fmultiple-rss-feed-adsense-google-reader%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F06%2Fmultiple-rss-feed-adsense-google-reader%2F" height="61" width="51" /></a></div><p>Have you seen <strong>multiple Google Adsense ad units and link units</strong> on any RSS feed in Google Reader? Normally Adsense allows only one ad unit in feeds, the ad size of which they automatically decide. But then <a href="http://techcrunch.com">Techcrunch</a> with 2 million RSS readers is an ideal site for testing new Adsense variations with 2 ad units and ad links too!<span id="more-8388"></span></p>
<p>Here is a screenshot of the Techcrunch feed in Google Reader.</p>
<p><img class="alignnone size-full wp-image-8390" title="techcrunch adsense ads" src="http://www.quickonlinetips.com/archives/wp-content/uploads/techcrunch-adsense.gif" border="1" alt="techcrunch adsense ads" width="500" height="304" /></p>
<p>Obviously this is another<strong> Google adsense feed  advertising test</strong> in going on. See how strategically Ad link units have been placed at the bottom of articles to serve as a navigation menu and two 300&#215;250 ad units are placed side by side.</p>
<p>Now here is what is stranger &#8211; I tried loading the<a href="http://feedproxy.google.com/TechCrunch"> Techcrunch feed</a> in IE, but that displayed only one ad unit. I loaded the feed in Bloglines, and still one ad unit per article. Obviously like all of us, Techcrunch can add only one adsense ad to feeds. So is this a<strong> Google reader test </strong>that is adding these additional ads? Have you seen any other feeds with multiple ads in Google reader?</p>
<p>This is another addition to several <strong>strange Adsense ads</strong> we spotted before  like <a href="http://www.quickonlinetips.com/archives/2008/07/testing-google-adsense-fonts/">multiple ad fonts</a>,  <a href="http://www.quickonlinetips.com/archives/2008/04/new-2x2-google-adsense-ads/">2&#215;2 ads</a>, <a href="http://www.quickonlinetips.com/archives/2005/05/advertiser-favicons-in-google-adsense-ads/">favicons</a>, <a href="http://www.quickonlinetips.com/archives/2006/09/google-adsense-text-ads-without-title-links/">no titles</a>, <a href="http://www.quickonlinetips.com/archives/2007/02/google-adsense-ads-with-titles-in-italics/">titles in italics</a> and <a href="http://www.quickonlinetips.com/archives/2006/09/google-adsense-ads-without-ads-by-google/">no “Ads by Google”</a> and <a href="http://www.quickonlinetips.com/archives/2007/08/interactive-keyword-links-on-google-adsense-ads/">interactive keywords</a>.</p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2008/04/new-2x2-google-adsense-ads/" rel="bookmark">New 2&#215;2 Google Adsense Ad Units</a><!-- (53.8037)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/02/google-adsense-collapsing-ad-units/" rel="bookmark">Use Google Adsense Collapsing Ad Units</a><!-- (47.5222)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2005/05/google-adsense-ad-links-text-ad-units-combined/" rel="bookmark">Google Adsense Ad Links &amp; Text Ad Units Combined</a><!-- (45.6688)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/07/adsense-thumbnail-video-units/" rel="bookmark">New Google Adsense Video Units with Thumbnails!</a><!-- (44.7111)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/04/more-google-adsense-image-ad-units/" rel="bookmark">More Google Adsense Image Ad Units</a><!-- (43.5241)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2009/06/multiple-rss-feed-adsense-google-reader/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Separate Trackbacks, Style Comments in WordPress 2.7</title>
		<link>http://www.quickonlinetips.com/archives/2009/05/separate-trackbacks-style-comments-in-wordpress-27/</link>
		<comments>http://www.quickonlinetips.com/archives/2009/05/separate-trackbacks-style-comments-in-wordpress-27/#comments</comments>
		<pubDate>Wed, 13 May 2009 17:09:29 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=7452</guid>
		<description><![CDATA[How do you separate comments from trackbacks, and style comments in Wordpress 2.7 blogs? The latest WP version brought in some amazing new functionality to comments (like comment threading, paging) and some new template tags and CSS classes which made WordPress comments easier to work with and enabled easier customized styling.
New Comment Options in WordPress [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F05%2Fseparate-trackbacks-style-comments-in-wordpress-27%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F05%2Fseparate-trackbacks-style-comments-in-wordpress-27%2F" height="61" width="51" /></a></div><p>How do you separate comments from trackbacks, and style comments in Wordpress 2.7 blogs? The latest WP version brought in some amazing new functionality to comments (like comment threading, paging) and some new template tags and CSS classes which made WordPress comments easier to work with and enabled easier customized styling.<span id="more-7452"></span></p>
<h3>New Comment Options in WordPress 2.7</h3>
<p>We wanted to start <strong>threaded comments</strong> on our blog and also get rid of the <a href="http://www.quickonlinetips.com/archives/2007/10/google-405-errors-with-wp-comments-postphp/">wp-comments-post.php errors</a>, so we needed to upgrade the QOT wordpress theme.  Our current theme has seperated comments and trackbacks, and hidden trackbacks &#8211; so how difficult could it be in WP 2.7.</p>
<p>I downloaded a fresh wordpress package and sourced the latest comments.php from the <strong>default theme</strong>. Then I replaced my custom comments.php with the new file. The first thing you notice is a new template tag <strong>wp_list_comments</strong> which replaces a lot of earlier comments code. This single unified class has lots of <a href="http://codex.wordpress.org/Template_Tags/wp_list_comments">powerful arguments</a> which can enhance the way this works to customize your template even further.</p>
<p><code>&lt;?php wp_list_comments('arguments'); ?&gt;</code></p>
<p>This powerful template tag sources out an amazing array of classes which can be easily styled. Also because of this new tag, most of the earlier tutorials to separate comments and trackbacks fail.</p>
<h3>Separate Comments and trackbacks in Wordpress 2.7</h3>
<p>I found this <a href="http://sivel.net/2008/10/wp-27-comment-separation/">nice tutorial</a> to separate comments and trackbacks in WP 2.7. I started with <strong>single.php</strong> and replaced -</p>
<p><code>&lt;?php comments_template(); ?&gt;</code><br />
with<br />
<code>&lt;?php comments_template('', true); ?&gt;</code></p>
<p>Then you need to separate comments and pings in<strong> comments.php. </strong>Replace the following code</p>
<pre><code>&lt;h3 id="comments"&gt;&lt;?php comments_number('No Responses', 'One Response', '% Responses' );?&gt; to &amp;#8220;&lt;?php the_title(); ?&gt;&amp;#8221;&lt;/h3&gt;
&lt;ol class="commentlist"&gt;
&lt;?php wp_list_comments(); ?&gt;
&lt;/ol&gt;</code></pre>
<p>with this  code to<strong> separate comments and pings</strong></p>
<pre><code>&lt;?php if ( ! empty($comments_by_type['comment']) ) : ?&gt;
&lt;h3 id="comments"&gt;&lt;?php comments_number('No Responses', 'One Response', '% Responses' );?&gt; to &amp;#8220;&lt;?php the_title(); ?&gt;&amp;#8221;&lt;/h3&gt;
&lt;ol class="commentlist"&gt;
&lt;?php wp_list_comments('type=comment'); ?&gt;
&lt;/ol&gt;
&lt;?php endif; ?&gt;
&lt;?php if ( ! empty($comments_by_type['pings']) ) : ?&gt;
&lt;h3 id="pings"&gt;Trackbacks/Pingbacks&lt;/h3&gt;
&lt;ol class="commentlist"&gt;
&lt;?php wp_list_comments('type=pings'); ?&gt;
&lt;/ol&gt;
&lt;?php endif; ?&gt;</code></pre>
<h3>Correct Comments Count in Wordpress 2.7</h3>
<p>So now the comments and trackbacks were separated, but the<strong> comments count </strong>was totally wrong as it was the total of both. So the tutorial taught us to add some more code to <strong>functions.php</strong> (we already had this template file because we <a href="http://www.quickonlinetips.com/archives/2007/11/how-to-widget-enable-wordpress-themes-in-3-easy-steps/">widget enabled our theme</a> earlier)</p>
<pre><code>&lt;?php
add_filter('get_comments_number', 'comment_count', 0);
function comment_count( $count ) {
if ( ! is_admin() ) {
global $id;
$comments_by_type = &amp;separate_comments(get_comments('status=approve&amp;post_id=' . $id));
return count($comments_by_type['comment']);
} else {
return $count;
}
}
?&gt;</code></pre>
<h3>Hide Trackbacks in Wordpress 2.7</h3>
<p>Now we wanted to <strong>hide trackbacks</strong>. There is a tutorial to do this  <a href="http://curtishenson.com/separating-and-hiding-trackbacks-with-jquery-in-wordpress-27/">using  jquery</a>, but that seemed too technical for me. So I simply deleted out the trackbacks code which we had earlier used to separate pings from comments &#8230;. and trackbacks are gone. This does not mean trackbacks have stopped been recorded, they are merely not displaying. If you add the code back, the trackbacks will start displaying. We deleted this -</p>
<pre><code>&lt;?php if ( ! empty($comments_by_type['pings']) ) : ?&gt;
&lt;h3 id="pings"&gt;Trackbacks/Pingbacks&lt;/h3&gt;
&lt;ol class="commentlist"&gt;
&lt;?php wp_list_comments('type=pings'); ?&gt;
&lt;/ol&gt;
&lt;?php endif; ?&gt;</code></pre>
<p>For some reason, the <strong>comment navigation</strong> still kept showing &#8220;Newer Comments&#8221;, though comments pages were not activated. So I deleted the navigation code also. Remember this code IS required if you have enabled comments paging. Since we had only comment threading enabled, we could do away with this code.</p>
<pre><code> &lt;div class="navigation"&gt;
&lt;div class="alignleft"&gt;&lt;?php previous_comments_link() ?&gt;&lt;/div&gt;
&lt;div class="alignright"&gt;&lt;?php next_comments_link() ?&gt;&lt;/div&gt;
&lt;/div&gt; </code></pre>
<h3>Styling CSS  in Wordpress 2.7</h3>
<p>Styling comments is easy, provided you know which classes to target and edit in your CSS file. <a href="http://cdharrison.com/2008/12/threaded-comments/">This tutorial</a> gives you a breakdown of the huge number of classes which this wp_list_comments tag incorporates. Notice that you need to syle a new class <strong>commentlist</strong> and lists tags like comment, children, comment-meta, reply, ol, li etc. Simple adding these classes to your <strong>style.css</strong> will let you style any component of your comments. View the source code of any post page to see the huge range of classes available. For example</p>
<p><code>ol.commentlist { list-style:none; margin:0 0 1em; padding:0; }<br />
ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }</code></p>
<p>For <strong>Alternate background colors</strong> of odd/even comments, use this<br />
<code>ol.commentlist li.even { background:#fff; }<br />
ol.commentlist li.odd { background:#f6f6f6; }</code></p>
<p>This is how we have separated the trackbacks/pingbacks from comments, hidden the trackbacks and styled our comments in WordPress 2.7. You can check out our new threaded comments and see if you like how they work.</p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2007/12/math-question-blocks-most-wordpress-spam-comments/" rel="bookmark">Math Question Blocks Most Wordpress Spam Comments</a><!-- (34.8244)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/10/automatically-close-comments-in-wordpress-after-few-days/" rel="bookmark">Automatically Close Comments in Wordpress After Few Days</a><!-- (34.2068)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2007/10/how-to-turn-on-off-comments-and-pings-for-multiple-previous-posts/" rel="bookmark">How to Turn On-Off Comments and Pings for Multiple Previous Posts</a><!-- (32.1507)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2009/05/moderate-wordpress-comments-live-on-your-desktop/" rel="bookmark">Moderate Wordpress Comments Live on Your Desktop</a><!-- (31.7704)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2009/06/wordpress-plugins-to-increase-blog-comments/" rel="bookmark">5 WordPress Plugins to Skyrocket Your Blog Comments</a><!-- (31.2256)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2009/05/separate-trackbacks-style-comments-in-wordpress-27/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Live Group Blogging with P2 WordPress Theme</title>
		<link>http://www.quickonlinetips.com/archives/2009/05/p2-wordpress-theme/</link>
		<comments>http://www.quickonlinetips.com/archives/2009/05/p2-wordpress-theme/#comments</comments>
		<pubDate>Wed, 13 May 2009 16:20:00 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=7481</guid>
		<description><![CDATA[P2 wordpress theme is a revolutionary new theme designed by WordPress guys that allows real time blogging, is inspired by Twitter, and if you choose this theme, it will surely change your blogging style and that of your blog community too.
Earlier Wordpress had launched Prologue Theme, which introduced the concept of microblogging on Wordpress. Now P2 promises [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F05%2Fp2-wordpress-theme%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F05%2Fp2-wordpress-theme%2F" height="61" width="51" /></a></div><p><a href="http://wordpress.org/extend/themes/p2">P2 wordpress theme</a> is a revolutionary new theme designed by WordPress guys that allows<strong> real time blogging</strong>, is inspired by Twitter, and if you choose this theme, it will surely change your blogging style and that of your blog community too.<span id="more-7481"></span></p>
<p>Earlier Wordpress had launched <a href="http://wordpress.org/extend/themes/prologue">Prologue Theme</a>, which introduced the concept of microblogging on Wordpress. Now P2 promises to be a major revamp of Prologue and is determined to be much faster and cooler. <em>So what really makes P2 unique?</em></p>
<p><strong>Powerful comment display options</strong> are the major highlight of P2 theme &#8211; there is a threaded comment display on the front page, easily editable by the cool <strong>in-line editing</strong> for comments, with a show/hide feature for comments, and real-time notification when a new comment or update is posted.</p>
<p>Posts are easily editable inline and <strong>live tag suggestions</strong> help quick tagging based on previously used tags. Quick keyboard shortcuts make the basic theme function really fast.  Since you can now <strong>post  from the blog front page</strong>, and  everything is publishing and updating in real-time, you don&#8217;t need to refresh pages or even visit the dashboard!</p>
<p>View this video to see P2 theme in action.<br />
<embed src="http://v.wordpress.com/iYMYzOim" type="application/x-shockwave-flash" width="400" height="224" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<p>So who really needs this P2 theme? Its a great theme for <strong>group blogging and collaborating</strong> with friends on group projects in schools and offices. Live blogging will be more interactive than ever. </p>
<p>P2 wordpress theme is reliable, well coded and is designed by the expertise of Automattic, the WordPress staff.  P2 introduced a revolutionary new concept in blogging and promises to change the way you and your group blogs forever&#8230;</p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2006/06/wordpress-20-theme-competition-winners/" rel="bookmark">Wordpress 2.0 Theme Competition Winners</a><!-- (33.0399)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2007/04/wordpress-theme-designer-switches-cc-to-gpl-licenses/" rel="bookmark">Wordpress Theme Designer Switches CC to GPL Licenses</a><!-- (32.8243)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/07/quickpress-wordpress-theme/" rel="bookmark">Introducing QuickPress Wordpress Theme</a><!-- (32.7916)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/12/quickpic-photoblogging-wordpress-theme/" rel="bookmark">Introducing QuickPic Photoblogging Wordpress Theme</a><!-- (32.7223)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/09/first-wordpress-theme/" rel="bookmark">12 Essential Tips to Build Your First Wordpress Theme</a><!-- (32.4768)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2009/05/p2-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How to Enable Sticky Posts in WordPress Themes</title>
		<link>http://www.quickonlinetips.com/archives/2009/04/sticky-posts-in-wordpress-themes/</link>
		<comments>http://www.quickonlinetips.com/archives/2009/04/sticky-posts-in-wordpress-themes/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 16:52:25 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=7016</guid>
		<description><![CDATA[Sticky feature was introduced in WordPress 2.7 which let WordPress blogs highlight and send to top an important post on the front page despite the date of publication. But our theme did not support this feature when we selected the sticky checkbox.

Enable Sticky Posts in WordPress template
If you are using a Wordpress 2.7 compatible Wordpress [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F04%2Fsticky-posts-in-wordpress-themes%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F04%2Fsticky-posts-in-wordpress-themes%2F" height="61" width="51" /></a></div><p><strong>Sticky feature</strong> was introduced in WordPress 2.7 which let WordPress blogs highlight and send to top an <strong>important post</strong> on the front page despite the date of publication. But our theme did not support this feature when we selected the sticky checkbox.<span id="more-7016"></span></p>
<p><img class="alignnone size-full wp-image-7017" title="sticky on front page" src="http://www.quickonlinetips.com/archives/wp-content/uploads/sticky-front.gif" alt="sticky on front page" width="225" height="53" /></p>
<h3>Enable Sticky Posts in WordPress template</h3>
<p>If you are using a <strong>Wordpress 2.7 compatible Wordpress theme</strong>, then it will work out of the box without any of these tweaks. If you use an older theme, it actually works in 5 easy steps.</p>
<ol>
<li>In index.php <strong>add the tag</strong><br />
<code>&lt;div &lt;?php post_class(); ?&gt;&gt;</code></p>
<p>before the article title and main post content</p>
<p><code>&lt;h2&gt;&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;<br />
&lt;?php the_content(); ?&gt;</code></p>
<h2><a href="&lt;?php the_permalink() ?&gt;"></a></h2>
</li>
<li><strong>Close the div tag</strong> at the end with <code>&lt;/div&gt;</code></li>
<li>Add <strong>.sticky css tag</strong> to your stylesheet style.css, and choose the attributes which will highlight the articles above other articles<br />
<code>.sticky {<br />
background: #ff0000;<br />
border: 1px solid #ccc;<br />
}</code></li>
<li> Mark a <strong>post as sticky</strong> from the Quick Edit panel</li>
<li>Visit your <strong>homepage</strong>, and check the Sticky post</li>
</ol>
<p>The best part about this feature is you can easily change the sticky tag from the <strong>Quick Edit </strong>menu from the WP Admin, which makes it easy to quickly keep changing the featured articles on the front page, and even mark multiple articles as sticky.</p>
<p><img class="alignnone size-full wp-image-7018" title="sticky post" src="http://www.quickonlinetips.com/archives/wp-content/uploads/sticky-post.gif" alt="sticky post" width="310" height="32" /></p>
<p>Can you spot the sticky post on our homepage? Now you can do this too.</p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2007/11/how-to-widget-enable-wordpress-themes-in-3-easy-steps/" rel="bookmark">How to Widget-Enable Wordpress Themes in 3 Easy Steps</a><!-- (52.4419)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/07/how-to-add-gravatars-to-wordpress-themes/" rel="bookmark">How to Add Gravatars to WordPress Themes</a><!-- (34.9081)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2007/09/4-column-wordpress-themes-for-high-resolution-wide-screens/" rel="bookmark">4-Column Wordpress Themes for High Resolution Wide Screens</a><!-- (33.2864)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2007/03/sponsor-wordpress-themes-paid-footer-text-links-ads/" rel="bookmark">Sponsor Wordpress Themes : Paid Footer Text Links Ads</a><!-- (32.0415)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/08/best-simple-minimalist-wordpress-themes-and-blog-designs/" rel="bookmark">Best Simple Minimalist WordPress Themes and Blog Designs</a><!-- (30.008)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2009/04/sticky-posts-in-wordpress-themes/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Free Custom Twitter Background Designs</title>
		<link>http://www.quickonlinetips.com/archives/2009/03/free-custom-twitter-background-designs/</link>
		<comments>http://www.quickonlinetips.com/archives/2009/03/free-custom-twitter-background-designs/#comments</comments>
		<pubDate>Tue, 17 Mar 2009 18:01:47 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Deals]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=6696</guid>
		<description><![CDATA[Want to make your Twitter profile page unique? Get a free custom Twitter background design to enhance your profile, establish your brand and gain more Twitter followers.
Twitter Image is offering free Free Custom Twitter Backgrounds to Twitter influencers, those popular tweeple  who have at least 5000 Twitter followers. Remember you also need to allow [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F03%2Ffree-custom-twitter-background-designs%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F03%2Ffree-custom-twitter-background-designs%2F" height="61" width="51" /></a></div><p>Want to make your Twitter profile page unique? Get a<strong> free custom Twitter background design</strong> to enhance your profile, establish your brand and gain more Twitter followers.<span id="more-6696"></span></p>
<p><a href="http://www.twitterimage.com/">Twitter Image</a> is offering free Free Custom Twitter Backgrounds to Twitter influencers, those popular tweeple  who have at least <strong>5000 Twitter followers</strong>. Remember you also need to allow them to place <strong>credit </strong>for TwitterImage.com on your background. Check out their gallery and it seems they have designed for many popular bloggers like <a href="http://twitter.com/JohnChow">@johnchow</a>, <a href="http://twitter.com/problogger">@problogger</a>, <a href="http://twitter.com/chrispirillo">@chrispirillo</a>, <a href="http://twitter.com/chrisbrogan">@chrisbrogan</a>, etc.</p>
<p><img class="alignnone size-full wp-image-6700" title="problogger twitter background" src="http://www.quickonlinetips.com/archives/wp-content/uploads/problogger-twitterimage.jpg" alt="problogger twitter background" width="250" height="144" align="left" />There are thousands of tweeple with over 5000 followers, so how do they decide? <a href="http://www.twitterimage.com/free-order.html">Fill the form</a> and they will decide based on <strong>factors </strong>&#8220;such as the purpose of the background, the site that you link to, how often you tweet and about what, and the type of followers it&#8217;s likely that you have.&#8221;</p>
<p>If you can&#8217;t win a free Twitter background,  <strong>order </strong>your custom Twitter background for <strong>$100 </strong>or use some <a href="http://www.twitterimage.com/gallery/category/free/">free Twitter backgrounds</a> to enhace your Twitter profile. They also run an affiliate program where referrers can earn 20% commissions.</p>
<p><em>Disclaimer &#8211; We have no financial interest in this service. We are not member of this affiliate program.</em></p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2008/09/fix-light-text-on-dark-background/" rel="bookmark">Fix Light Text on Dark Background to Reduce Eye Strain</a><!-- (29.4689)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2007/11/free-branded-custom-rss-reader-for-your-readers/" rel="bookmark">Free Branded Custom RSS Reader for Your Readers</a><!-- (28.1111)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2009/09/twitter-tools-for-bloggers/" rel="bookmark">10 Most Useful Free Twitter Tools for Bloggers</a><!-- (27.1331)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/11/mypictr-free-online-photo-resizing-for-custom-profile-avatar/" rel="bookmark">Mypictr Free Online Photo Resizing for Custom Profile Avatar</a><!-- (26.7728)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2009/03/tim-ferriss-twitter-followers/" rel="bookmark">How Tim Ferriss Gained 5000 Twitter Followers in 5 Days</a><!-- (25.8689)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2009/03/free-custom-twitter-background-designs/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Google Favicon Changes Again!</title>
		<link>http://www.quickonlinetips.com/archives/2009/01/new-google-favicon/</link>
		<comments>http://www.quickonlinetips.com/archives/2009/01/new-google-favicon/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 18:26:48 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=5542</guid>
		<description><![CDATA[If you visit the Google front page today, you will be greeted with a new Google favicon in the url location bar and this is how it looks like.

Google had earlier redesigned their favicon in June 2008 and this was what it looked like till a day back.

And this is what it looked like before [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F01%2Fnew-google-favicon%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2009%2F01%2Fnew-google-favicon%2F" height="61" width="51" /></a></div><p>If you visit the <a href="http://google.com">Google</a> front page today, you will be greeted with a <strong>new Google favicon</strong> in the url location bar and this is how it looks like.<span id="more-5542"></span></p>
<p><img class="alignnone size-full wp-image-5543" title="new google favicon" src="http://www.quickonlinetips.com/archives/wp-content/uploads/google-new-favicon.gif" alt="new google favicon" width="178" height="31" /></p>
<p>Google had <a href="http://www.quickonlinetips.com/archives/2008/06/google-favicon-redesigns/">earlier redesigned their favicon</a> in June 2008 and this was what it looked like till a day back.</p>
<p><img src="http://www.quickonlinetips.com/archives/wp-content/uploads/google-favicons1.png" alt="Google favicon old" /></p>
<p>And this is what it looked like before June 2008</p>
<p><img src="http://www.quickonlinetips.com/archives/wp-content/uploads/google-favicon-old.gif" alt="older google favicon" /></p>
<p>Since a majority of Google users disliked the favicon, Google initiated a <a href="http://www.quickonlinetips.com/archives/2008/06/design-favicons-for-google/">favicon design contest</a> to help them get a new, better Favicon. Google says that while the<strong> final icon is a reinterpretation</strong> of one contest submission, it <a href="http://googleblog.blogspot.com/2009/01/googles-new-favicon.html">draws on design elements and ideas</a> from many of them.</p>
<blockquote><p>André Resende, a computer science undergraduate student at the University of Campinas in Brazil, submitted the design that inspired our new favicon. His placement of a white &#8216;g&#8217; on a color-blocked background was highly recognizable and attractive, while seeming to <strong>capture the essence of Google</strong>.</p></blockquote>
<p>For newbies, A <a href="http://en.wikipedia.org/wiki/Favicon">favicon</a> is the small logo that appears in the browser location bar, bookmarks and browser tabs and is great for branding your site. Do you like the new Google favicon? I love it&#8230;</p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2008/06/google-favicon-redesigns/" rel="bookmark">Google Favicon Redesigns for Web 2.0</a><!-- (40.4663)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2007/01/is-your-favicon-hogging-your-hosting-bandwidth/" rel="bookmark">Is Your Favicon Hogging Your Hosting Bandwidth?</a><!-- (28.3161)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/03/design-and-create-your-own-favicon-by-microangelo-icon-editor/" rel="bookmark">Design and Create Your Own Favicon by Microangelo Icon Editor</a><!-- (26.4579)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/06/design-favicons-for-google/" rel="bookmark">Design Favicons for Google</a><!-- (24.6949)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2005/03/increase-google-adsense-ctr-by-500/" rel="bookmark">15 Effective Tips to Increase Google Adsense CTR</a><!-- (17.404)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2009/01/new-google-favicon/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Ecofont Saves Ink, Reduces Printing Costs</title>
		<link>http://www.quickonlinetips.com/archives/2008/12/ecofont-saves-printing-costs/</link>
		<comments>http://www.quickonlinetips.com/archives/2008/12/ecofont-saves-printing-costs/#comments</comments>
		<pubDate>Thu, 11 Dec 2008 17:37:26 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=5003</guid>
		<description><![CDATA[How can you save ink and reduce printing costs? A Dutch company has designed a new font called Ecofont which promises to use 20% less ink while printing.
How much of a letter can be removed while maintaining readability? After extensive testing with all kinds of shapes, the best results were achieved using small circles. After [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2008%2F12%2Fecofont-saves-printing-costs%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2008%2F12%2Fecofont-saves-printing-costs%2F" height="61" width="51" /></a></div><p>How can you <strong>save ink and reduce printing costs</strong>? A Dutch company has designed a new font called <a href="http://www.ecofont.eu/ecofont_en.html">Ecofont</a> which promises to use 20% less ink while printing.<span id="more-5003"></span></p>
<blockquote><p>How much of a letter can be removed while maintaining readability? After extensive testing with all kinds of shapes, the best results were achieved using small circles. After lots of late hours (and coffee) this resulted in a font that uses up to<strong> 20% less ink</strong>.</p></blockquote>
<p>We tested Ecofont and here is what an enlarged version of the font looks like with all the spaces between.<br />
<img class="alignnone size-full wp-image-5004" title="ecofont" src="http://www.quickonlinetips.com/archives/wp-content/uploads/ecofont.gif" alt="ecofont" width="219" height="92" /><br />
When printed in regular font sizes (they recommend size 9-10), these holes are hardly noticable, but they save ink. The sans serif format also helps to save more ink. The Ecofont is based on the <strong>Vera Sans</strong>, an Open Source letter, and is available for both PC and MAC. Ecofonts works best for OpenOffice, AppleWorks and MS Office 2007.</p>
<p><a href="http://www.ecofont.eu/downloads_en.html">Download Ecofont</a>. Its all about saving the environment.</p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2005/04/free-hp-paper-samples-glossy-recycled-for-quality-printing/" rel="bookmark">Free HP Paper Samples: Glossy &amp; Recycled for Quality Printing</a><!-- (27.8931)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/10/match-google-adsense-font-type-and-size-to-increase-ctr/" rel="bookmark">Match Google Adsense Font Type and Size to Increase CTR</a><!-- (16.2627)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/12/free-shipping-day/" rel="bookmark">Free Shipping Day! Zero Shipping Costs!</a><!-- (15.6832)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2005/04/free-true-type-fonts-installing-working-smart-with-fonts/" rel="bookmark">Free True Type Fonts: Installing &amp; Working Smart with Fonts</a><!-- (13.8241)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/07/test-website-load-time/" rel="bookmark">How to Test Website Load Time</a><!-- (10.0013)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2008/12/ecofont-saves-printing-costs/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Design the New WordPress Icons</title>
		<link>http://www.quickonlinetips.com/archives/2008/10/design-wordpress-icons/</link>
		<comments>http://www.quickonlinetips.com/archives/2008/10/design-wordpress-icons/#comments</comments>
		<pubDate>Sat, 25 Oct 2008 16:15:15 +0000</pubDate>
		<dc:creator>QuickOnlineTips</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.quickonlinetips.com/archives/?p=4502</guid>
		<description><![CDATA[WordPress 2.7 is going to be released in a few weeks and they are on lookout for icon designers to create new icons which blend with the new &#8217;smooth&#8217; look.
The icons are required for the main navigation sections, plus a matching pair of list/excerpt view icons for the table screens like Edit Posts. That’s a [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px; border: none;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2008%2F10%2Fdesign-wordpress-icons%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.quickonlinetips.com%2Farchives%2F2008%2F10%2Fdesign-wordpress-icons%2F" height="61" width="51" /></a></div><p><a href="http://codex.wordpress.org/Version_2.7">WordPress 2.7</a> is going to be released in a few weeks and they are on lookout for <strong>icon designers</strong> to create new icons which blend with the new &#8217;smooth&#8217; look.<span id="more-4502"></span></p>
<p><img title="Wordpress Icons" src="http://www.quickonlinetips.com/archives/wp-content/uploads/wordpress-icons.png" alt="Wordpress Icons" width="105" height="94" align="left" />The <a href="http://wordpress.org/development/2008/10/calling-all-wordpress-loving-icon-designers/">icons are required</a> for the main <strong>navigation sections</strong>, plus a matching pair of list/excerpt view icons for the <strong>table screens </strong>like <em>Edit Posts</em>. That’s a total of 13, and for the navigation icons they need a larger size for use in the screen headers.</p>
<p>The style they are looking for is <strong>subtle icons, with a classic/designed look</strong>, thin lines, maybe a little old-fashioned looking. They’ll be grayscale by default, possibly with a color version for active menu items. Since WordPress 2.7 is due to release on November 10, icon designers will have two weeks to finish the design job.</p>
<p>They are looking for qualified <strong>professional icon designers</strong> with a portfolio to show off. <a href="mailto:jane_at-sign_automattic_dot_com">Email them</a> with why you want to design the icons, and include a link to your portfolio. The deadline to send in your request is  Saturday night, October 25, 2008. Hurry.</p>


<h4>Must Read Related Articles</h4>
<ol>
		<li><a href="http://www.quickonlinetips.com/archives/2006/06/download-silk-icons-free-icons-set/" rel="bookmark">Download Silk Icons : Free Icons Set</a><!-- (38.018)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2007/12/preview-new-firefox-3-icons/" rel="bookmark">Preview New Firefox 3 Icons</a><!-- (27.2418)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2008/07/apple-iphone-webclip-icons/" rel="bookmark">Create Custom Apple iPhone WebClip Icons For Your Site</a><!-- (27.1742)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2006/06/how-much-does-a-professional-blog-design-cost/" rel="bookmark">How Much Does a Professional Blog Design Cost?</a><!-- (26.7401)--></li>
		<li><a href="http://www.quickonlinetips.com/archives/2005/12/feed-icons-identify-syndicated-content-rss-feeds/" rel="bookmark">Feed Icons : Identify Syndicated Content &amp; RSS Feeds</a><!-- (26.3429)--></li>
	</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.quickonlinetips.com/archives/2008/10/design-wordpress-icons/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
