<?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>Smart Blog TipsWeb Design Tips</title>
	<atom:link href="http://smartblogtips.com/topics/blog-tips/web-design-tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://smartblogtips.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Sat, 07 Jan 2012 18:32:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>12 Tips to make your Minimalistic Blog Stand out and seek Attention</title>
		<link>http://smartblogtips.com/12-tips-to-make-your-minimalistic-blog-stand-out-and-seek-attention/</link>
		<comments>http://smartblogtips.com/12-tips-to-make-your-minimalistic-blog-stand-out-and-seek-attention/#comments</comments>
		<pubDate>Sun, 12 Apr 2009 15:56:24 +0000</pubDate>
		<dc:creator>Jayant</dc:creator>
				<category><![CDATA[Featured Post]]></category>
		<category><![CDATA[Front Page Post]]></category>
		<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[Blog Design Tips]]></category>
		<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[Minimalistic Blog Design]]></category>
		<category><![CDATA[Simple Design Tips]]></category>

		<guid isPermaLink="false">http://www.smartblogtips.com/?p=1081</guid>
		<description><![CDATA[Design have no boundaries. You can design anything from this world and beyond. Its all up to your imagination. Of recent, few blogs have used the path of going minimalistic and achieve great results.


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p align="justify">Design have no boundaries. You can design anything from this  world and beyond. Its all up to your imagination. Of recent, few blogs have used  the path of going minimalistic and achieve great results. They have used the  exact opposite of conventional design, where the motive is to pack as many  contents as possible in a given space.</p>
<p style="text-align: center;" align="justify"><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/04/minimalistic-blog-design.jpg"><img class="size-full wp-image-1082  aligncenter" title="minimalistic-blog-design" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/04/minimalistic-blog-design.jpg" alt="minimalistic blog design 12 Tips to make your Minimalistic Blog Stand out and seek Attention" width="500" height="375" /></a><a title="Simple Blog Designs" href="http://www.flickr.com/photos/21148821@N02/2055189101/">Image Credit</a></p>
<p align="justify">
<p align="justify"><strong>Here are few tips you can use on your  Minimalistic Blog to make it stand out and seek attention:</strong></p>
<ol>
<li>
<div style="text-align: justify;">Remember to Keep it Simple. Incase of minimalistic design,  remember that LESS is always better. But do not compromise with what you want to  display.</div>
</li>
<li>
<div>Simple Header Image with preferably 2 column layout. Two  column layout goes well with minimalistic designs. 3 Column layout looks  cluttered and Bloggers tend to feed too many contents in them.</div>
</li>
<li>
<div>Strictly avoid Magazine Style layout. Magazine style layout  are symbolized with Showing many posts and pages in the front page with excerpts  and link to read the Entire Story. These do not go well with minimalistic design  in general. (This is not a hard and fast rule and there are few  exceptions)</div>
</li>
<li>
<div>Front page should show the full post rather than excerpts. If  your average post length is very long, then you can use excerpts in the front  page. Make sure you disclose a sizable section of your post in the excerpts. Use  the &lt;!—more—&gt; Quick tag.</div>
</li>
<li>
<div>Avoid displaying category, tags, author near the Post Title.  They make it look cluttered. However displaying Date is OK as it is very  important aspect of Blogging.</div>
</li>
<li>
<div>If necessary, display category, tags and author details near  the end of the Post. Better idea would be to use small font for displaying them  as most people are not interested in them. It just provide an additional way of  navigating the Blog. 50% Font size of the Body Text seems to be a good  choice.</div>
</li>
<li>
<div>Use Contrasting Color for Post Background and Blog  Background. This will make it stand out. However here contrasting does not mean  opposite. So don’t go all Black and White. Contrasting should be such that a  mixture of Dark and Light colors so that they make the elements stand out but do  not stress the eyes.</div>
</li>
<li>
<div>Experiment with Large Post Title. Large Post Titles are a  great way to grab attention to a particular post. However note that the Title  should not be large enough that all headings spill to second and third line.  Also it should be smaller than your Blog Title.</div>
</li>
<li>
<div>Use proper Line Spacing. Minimalistic blogs tend to put more  paragraph contents in teh front page of the Blog. It is a good idea to use a  higher line spacing to make it more easy on the eyes. 150% seems to be a good  choice here.</div>
</li>
<li>
<div>Avoid array of Social Bookmarking Icons. If needed use a  service like <strong>Share It </strong>or <strong>Add to Any </strong>at the end  of the post.</div>
</li>
<li>
<div>Avoid other oddly placed widgets. Especially Header and  Footer Widgets.</div>
</li>
<li>
<div style="text-align: justify;">Avoid displaying Ads which takes up too much Space. Also  these Ads break the design flow. See if In-Text Ads works best for your model  and stick too them.</div>
</li>
</ol>
<p align="justify">There are loads of other design tips specific to a Minimalistic  Design. Share your tips with us via comments. Have a nice Day..!!</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://smartblogtips.com/12-tips-to-make-your-minimalistic-blog-stand-out-and-seek-attention/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to display Twitter Followers on your Blog</title>
		<link>http://smartblogtips.com/how-to-display-twitter-followers-on-your-blog/</link>
		<comments>http://smartblogtips.com/how-to-display-twitter-followers-on-your-blog/#comments</comments>
		<pubDate>Wed, 01 Apr 2009 01:54:03 +0000</pubDate>
		<dc:creator>Jayant</dc:creator>
				<category><![CDATA[Front Page Post]]></category>
		<category><![CDATA[Twitter Tips]]></category>
		<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[Web Services]]></category>
		<category><![CDATA[Twitter Followers]]></category>
		<category><![CDATA[Twitter Tools]]></category>

		<guid isPermaLink="false">http://www.smartblogtips.com/?p=1009</guid>
		<description><![CDATA[A nice way to display your Twitter Followers on your Blog would be to have a Mashup of Thumbnail Images. That is exactly what this Web Service does. It creates  a nice Mashup or Mosaic of your Followers and give you the Code to Display on your Site / Blog.


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">A nice way to display your Twitter Followers on your Blog would be to have a Mashup of Thumbnail Images. That is exactly what this Web Service does. It creates  a nice Mashup or Mosaic of your Followers and give you the Code to Display on your Site / Blog. You can even display them on your Text Widget in your Sidebar. Just Follow these steps..</p>
<p style="text-align: justify;">
<p style="text-align: justify;"><strong>Step 1. Go to <a href="http://sxoop.com/twitter/">http://sxoop.com/twitter/mosaic.pl</a></strong></p>
<p style="text-align: justify;"><strong>Step 2. Enter your Email Address. Select to show Twitter Friends or Followers and Press GO Button.</strong></p>
<p style="text-align: justify;"><strong>Step 3. Get the Code and Paste in your Blog Editor. Remember to use the HTML Editor and not the Visual Editor.</strong></p>
<p style="text-align: justify;">Note: You will be creating a long list of Images and Links. To avoid negatively affecting your Site&#8217;s SEO copy the code in a text editor first and replace <span style="text-decoration: underline;"> <strong>href=</strong></span> with <span style="text-decoration: underline;"> <strong>rel=&#8221;nofollow&#8221; href</strong></span>. This will append a nofollow tag to your links and tell Search Engine Spiders to not weigh the links.</p>
<p style="text-align: justify;">Here is how the output looks&#8230; Pretty neat isn&#8217;t it..</p>
<p style="text-align: justify;">
<h2 style="text-align: center;"><a title="Thinkjayant Twitter" href="http://twitter.com/thinkjayant">Follow Me on Twitter</a></h2>
<p><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/04/thinkjayant-twitter-followers.jpg"><img class="aligncenter size-full wp-image-1033" title="thinkjayant-twitter-followers" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/04/thinkjayant-twitter-followers.jpg" alt="thinkjayant twitter followers How to display Twitter Followers on your Blog" width="484" height="507" /></a></p>
<p>Have a nice Day..!!</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://smartblogtips.com/how-to-display-twitter-followers-on-your-blog/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>How to Change Twitter Background Image and Colors</title>
		<link>http://smartblogtips.com/how-to-change-twitter-background-image-and-colors/</link>
		<comments>http://smartblogtips.com/how-to-change-twitter-background-image-and-colors/#comments</comments>
		<pubDate>Thu, 26 Mar 2009 00:35:35 +0000</pubDate>
		<dc:creator>Jayant</dc:creator>
				<category><![CDATA[Featured Post]]></category>
		<category><![CDATA[Front Page Post]]></category>
		<category><![CDATA[Twitter Tips]]></category>
		<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[Change Twitter Background]]></category>
		<category><![CDATA[Change Twitter Profile Colors]]></category>
		<category><![CDATA[How to Change Twitter Background]]></category>

		<guid isPermaLink="false">http://www.smartblogtips.com/?p=945</guid>
		<description><![CDATA[Twitter allows you to upload custom background. Its a nice way to use your brand logo and description as your Twitter Background. Follow the following steps to upload your customized twitter background.


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p align="justify">Twitter allows you to upload custom background. Its a nice way to use your brand logo and description as your Twitter Background. Follow the following steps to upload your customized twitter background. <em>(While this is a simple tip, many people miss it and continue to use the default Twitter Backgrounds)</em></p>
<p><strong>Step 1. Open your Twitter Profile. “Click Settings”</strong></p>
<p><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/twittersettings.jpg"><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="twitter-settings" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/twittersettings-thumb.jpg" border="0" alt="twittersettings thumb How to Change Twitter Background Image and Colors" width="570" height="154" /></a></p>
<p><strong>Step 2. Click on “Design Tab”</strong></p>
<p><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/twitterbackgroundoption.jpg"><img style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="twitter-background-option" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/twitterbackgroundoption-thumb.jpg" border="0" alt="twitterbackgroundoption thumb How to Change Twitter Background Image and Colors" width="570" height="522" /></a></p>
<p align="justify"><strong>Step 3. Either Select a existing Theme or Click “Change Background Image”, Browse your Image and Upload it. You can also Tile the Image if you want.</strong></p>
<p align="justify">Images can be either JPEG, GIF or PNG files. The size should be less than 800kb. Also Twitter stores your previous Background Images along with your profile, so you can revisit it later.</p>
<p align="justify"><strong>Step 4. You can Change your Theme&#8217;s Color by clicking on the &#8220;Change Design Colors&#8221;</strong></p>
<p align="justify">Use a Color Combination which will go with your theme. Make sure your Links Stand out and are not having high level of contrast compare to background Image Color. You can play around with it until you land to the perfect match.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-946" title="twitter-profile-colors" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/twitter-profile-colors.jpg" alt="twitter profile colors How to Change Twitter Background Image and Colors" width="526" height="292" /></p>
<h1 style="text-align: center;"><a title="Thinkjayant Twitter Profile" href="http://twitter.com/thinkjayant">Follow Me on Twitter</a></h1>
<p>Have a nice Day..!!</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://smartblogtips.com/how-to-change-twitter-background-image-and-colors/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Review – Color Blender Free Color Matching Tool</title>
		<link>http://smartblogtips.com/color-blender-match-colors-tool/</link>
		<comments>http://smartblogtips.com/color-blender-match-colors-tool/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 01:09:17 +0000</pubDate>
		<dc:creator>Jayant</dc:creator>
				<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[Web Services]]></category>
		<category><![CDATA[Color Mixer Online]]></category>
		<category><![CDATA[Color Palette Generator]]></category>
		<category><![CDATA[Color Scheme]]></category>
		<category><![CDATA[HTML Color Picker]]></category>

		<guid isPermaLink="false">http://www.smartblogtips.com/?p=894</guid>
		<description><![CDATA[Web Designers and casual theme editors (those who just change colors and some layout parameters) are always in need of a great Color Combination. A good color combination stands out, look good on the eyes, shows a sense of professionalism and increase the value of the design. The problem is landing to a great color [...]


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p align="justify">Web Designers and casual theme editors (those who just change colors and some layout parameters) are always in need of a great Color Combination. A good color combination stands out, look good on the eyes, shows a sense of professionalism and increase the value of the design.</p>
<p align="justify">The problem is landing to a great color combination is  a tough task. Either you can just look at the palette and decide this color combination looks good or you already have a predefined combination in your mind. However there are some tools which let you various color blends to choose from. I would be reviewing one such web service in this post.</p>
<p><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/colorblendercolormatching.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="color-blender-color-matching" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/colorblendercolormatching-thumb.jpg" alt="colorblendercolormatching thumb Review – Color Blender Free Color Matching Tool" width="580" height="503" /></a></p>
<div class="warning">
<ul>
<li><strong>Product/Service: Color Blender</strong></li>
<li><strong>URL: <a href="http://www.colorblender.com">www.colorblender.com</a></strong></li>
<li><strong>Smartness Factor: 4.5/5</strong></li>
<li><strong>Short Desc: Helps choosing various color combos and export in different formats. Awesome.</strong></li>
</ul>
</div>
<p> </p>
<p>Color Blender is a free service which helps create various color combination and mashups. The main feature of it is, that you can choose a base color and it can provide you with additional five blends. Just provide one color called the base color and it will give you 5 additional colors to form a color scheme ready to be used on your website and designs. There are two modes:</p>
<ol>
<li><strong>Auto Match</strong></li>
<li><strong>Direct Edit</strong></li>
</ol>
<p align="justify">In Automode, you just specify a single color, and it uses its algorithm to create a variation of scheme with 5 extra colors. Alternatively you can use the Direct Edit mode to manually change individual colors.</p>
<p align="justify">Just below that you have RGB slider options to varied the colors to your liking, along with a 7 color palette to choose little variations from the present color scheme.</p>
<p align="justify">
<p align="justify"><strong>Finally, you are ready to share/download the color schemes</strong></p>
<ol>
<li><strong>You can download as Photoshop Color Table, Illustrator Colors or simply forward as email</strong></li>
<li><strong>Save a blend online and load it later for reference. You can also load your saved blends later</strong></li>
</ol>
<p align="justify"><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/colorschemscolorchoser.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="color-schems-color-choser" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2009/03/colorschemscolorchoser-thumb.jpg" alt="colorschemscolorchoser thumb Review – Color Blender Free Color Matching Tool" width="580" height="295" /></a></p>
<h2>Personal Impression:</h2>
<p align="justify">
<p align="justify">Its a great tool. Clearly a mature product. The auto color selection give some very good result provided you pick a good base color of your choice. Incase you are bored with selecting your colors it also provides you with a lost of popular color blends to choose from.</p>
<p align="justify">Being a web-designer, I always feel lost of color combination as I need almost a new one for every other project. Hence a service like this really helps. The send to email is a nice little addon which might be helpful to suggest colors to your clients. Overall I would give it a thumbs UP.</p>
<p align="justify">
<h2>Links:</h2>
<p align="justify">Popular Color Blends: <a title="http://www.colorblender.com/browse.asp" href="http://www.colorblender.com/browse.asp">http://www.colorblender.com/browse.asp</a></p>
<p align="justify">Choose a Random Color Blend: <a title="http://www.colorblender.com/?preloadrandom=yes" href="http://www.colorblender.com/?preloadrandom=yes">http://www.colorblender.com/?preloadrandom=yes</a></p>
<p align="justify">Share blend between multiple workstations: <a title="http://www.colorblender.com/cookiecopy.asp" href="http://www.colorblender.com/cookiecopy.asp">http://www.colorblender.com/cookiecopy.asp</a></p>
<p align="justify">
<p align="justify">How did you find the experience with the tool? Let us know via comments.</p>
<p align="justify">Have a nice Day..!!</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://smartblogtips.com/color-blender-match-colors-tool/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Quickpost: CSS Cheat Sheet for your design needs</title>
		<link>http://smartblogtips.com/css-cheat-sheet/</link>
		<comments>http://smartblogtips.com/css-cheat-sheet/#comments</comments>
		<pubDate>Tue, 09 Dec 2008 02:44:56 +0000</pubDate>
		<dc:creator>Jayant</dc:creator>
				<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[CSS Cheat Sheet]]></category>
		<category><![CDATA[CSS Quick look]]></category>
		<category><![CDATA[CSS Quick Reference]]></category>

		<guid isPermaLink="false">http://www.smartblogtips.com/css-cheat-sheet/</guid>
		<description><![CDATA[Ever tried to design your own blog, or rather later it. The most difficult part is handling the CSS and if you are not an expert, things can get very confusing. The following CSS cheat sheet might be very useful to you. Click here to check it out. Image Credit No related posts. Related posts [...]


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p>Ever tried to design your own blog, or rather later it. The most difficult part is handling the CSS and if you are not an expert, things can get very confusing. The following CSS cheat sheet might be very useful to you.</p>
<p><a title="CSS Cheat Sheet" rel="nofollow" href="http://lesliefranke.com/files/reference/csscheatsheet.html">Click here to check it out.</a></p>
<p align="center"><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/12/csscheatsheet.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="css-cheat-sheet" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/12/csscheatsheet-thumb.jpg" alt="csscheatsheet thumb Quickpost: CSS Cheat Sheet for your design needs" width="550" height="167" /></a><a title="CSS Cheat Sheet" rel="nofollow" href="http://lesliefranke.com/files/reference/csscheatsheet.html">Image Credit</a></p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://smartblogtips.com/css-cheat-sheet/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Think different. Get noticed. – Part 1 Blog Design</title>
		<link>http://smartblogtips.com/part-one-blog-design-think-different-get-noticed-series/</link>
		<comments>http://smartblogtips.com/part-one-blog-design-think-different-get-noticed-series/#comments</comments>
		<pubDate>Fri, 28 Nov 2008 20:01:00 +0000</pubDate>
		<dc:creator>Jayant</dc:creator>
				<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[Blog Design Article Contest]]></category>
		<category><![CDATA[Blog Design Tips]]></category>
		<category><![CDATA[Think Different Get Noticed]]></category>
		<category><![CDATA[Unique Blog Design]]></category>

		<guid isPermaLink="false">http://www.smartblogtips.com/?p=465</guid>
		<description><![CDATA[This post was submitted for “Blog Design Studio’s group writing contest”. More details can be found at the end of this post. I am starting a three post series titled “Think different. Get noticed.” focusing on improving a Blog’s Value. Part one will focus on Blog Design, while part two and three will focus on [...]


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<blockquote><p><em>This post was submitted for “<a title="Blog Design Studio" href="http://blogdesignstudio.com/free-wordpress-themes/free-custom-blog-design-contest-group-writing-project/" target="_blank">Blog Design Studio’s group writing contest</a>”. More details can be found at the end of this post.</em></p></blockquote>
<p align="justify">I am starting a three post series titled <strong>“Think different. Get noticed.” </strong>focusing on improving a Blog’s Value. Part one will focus on Blog Design, while part two and three will focus on Blog Content and Blog Promotion respectively. Please share your views via comments.</p>
<h2>Think Different. Get Noticed.</h2>
<p align="justify">Thousands of new blogs and millions of blog posts originate everyday. What gives your blog the edge? What makes it stand out as different? What makes it get noticed? In this three part series, I will focus on Blog Design, Content, Promotion – and tell you how to stand out of the crowd by thinking different.</p>
<p align="center"><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/bedifferent.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="be-different" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/bedifferent-thumb.jpg" alt="bedifferent thumb Think different. Get noticed. – Part 1 Blog Design" width="500" height="335" /></a> <a title="Be different" rel="nofollow" href="http://flickr.com/photos/8706338@N08/525951686/" target="_blank">Image Credit</a></p>
<h2>Blog Design</h2>
<p align="justify">Your blog’s face is made up of its design, content flow and usability. Think of your blog as any daily usage product, and you will understand why Blog Design is so important.</p>
<p align="justify">Your blog design is not limited to a nice background, flashy colors or a popular looking theme. If that would have been the case, then Blog designers would have a hard time making a living out of it. Blog Design starts with your homepage title element and flows till the last clickable link on your domain, encompassing various important aspects like color scheme, layout, content flow, navigation, presentation, usability etc.</p>
<p align="justify">So let us see how thinking differently with respect to Blog Design can get your Blog noticed…</p>
<p><span id="more-465"></span></p>
<p align="center"><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/blogdesignstudio.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="blog-design-studio" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/blogdesignstudio-thumb.jpg" alt="blogdesignstudio thumb Think different. Get noticed. – Part 1 Blog Design" width="500" height="500" /></a> <a title="Blog Design Studio" href="http://www.blogdesignstudio.com" target="_blank">Image Credit</a></p>
<p align="center">
<h3>Before we begin, let’s take a little Management Walk</h3>
<p align="justify">I can’t help but get to this. Have your ever wonder why marketing experts spend millions of dollars on Product designing and positioning? Why top of the line models are hired, Best graphics and animation are used and exotic locales are displayed? It all boils down to two words &#8211; “Recall Value”</p>
<p align="justify">Customer Recall Value is the most important thing that drive sales. When a customer have a choice between near identical products with near identical features at the same price point, he will pick up the product he recalls first. This recall value is created in the customer’s mind by constantly feed the customer with different product designs, advertising logos, catchy jingles, billboard ads etc. among other things and are refreshed periodically.</p>
<p align="justify">How does that links to Blogging. Making an analogy, a Blog’s customer are its visitors. And the most effective medium is Visual (although Audio for Podcasters and Video for Video Bloggers holds true). Creating a Unique feel of your blog via a Custom Design is an effective way to differentiate your blog from the crowd for your audience. Think of it as you are creating a high recall value for your blog in your visitor’s mind.</p>
<p align="justify">A good example would be that of <a title="Problogger" rel="nofollow" href="http://www.problogger.net/" target="_blank">Problogger</a> by celebrity blogger Darren Rowse. The blog has a magazine type layout, smoothly integrating featured post, weekly video post, list of popular postings, Sponsors, Polls, Blog Network, Affiliate Links and a small intro all in the main page. How’s that..!!</p>
<p align="center"><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/problogger.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="problogger" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/problogger-thumb.jpg" alt="problogger thumb Think different. Get noticed. – Part 1 Blog Design" width="500" height="335" /></a> <a title="Problogger" rel="nofollow" href="http://www.problogger.net" target="_blank">Image Credit</a></p>
<p align="center">
<h3>1. Design First Blog Later</h3>
<p align="justify">Every blogger says that the key to success is writing Quality Content. While I wont argue that, what should also be noted is “Competition”. Blog design is the serving that the customers will see first before tasting the recipe.</p>
<blockquote>
<p align="justify">So the killer deal would be writing top quality content and packaging it in a nice container.</p>
</blockquote>
<p align="justify">Almost every blogger starts with the default theme or a popular free them and then settle for personalized one after achieving some success. While this is true and a very nice model indeed, in terms of testing before you spend, it however has a few flaws.</p>
<p align="justify">First, this only works well for first time bloggers. The reasoning is simple. Bloggers who start their second blog, already have tested the waters. They have a fair idea of their target market and know what their deliverables would be, what value addition can they provide.</p>
<p>Second, coming back to recall value, since know-how about the market is already there, why not provide a nice, seamless experiecne to all the visitors from Day 0 itself..!!</p>
<blockquote>
<p align="justify">While Blogging content is the most important thing, blog design should not be neglected in the light of it. Where ever possible, try to settle for a good unique blog design as early as possible, before getting immersed into blogging.</p>
</blockquote>
<h3>2. Know your audience</h3>
<p>This is pretty basic yet very important. Your blog design should reflect the audience’s category. Knowing your audience’s preference, will go a long way to fine tune your design elements and squeezing the most out of it.</p>
<p><strong>Let me explain it to you with some examples</strong></p>
<ul>
<li>You can showcase he most active categories of your blog as a submenu item</li>
<li>You can remove least active categories and tags from listing</li>
<li>Add a subscribe me button at the end of every post</li>
<li>Adding important elements above the fold for maximum visibility</li>
<li>Blending text ads to our site’s color scheme</li>
</ul>
<h3>3. Where to start</h3>
<p>This question largely depends on your budget. That said, it does not mean you cannot get good blog design for low budget. For those with a shoe string budget, I will cover in the next point.</p>
<p>If your budget permits, hire a full time designer and get a killer blog design as per your requirements. Such packages starts from as low as $200 (<a title="Blog Design Studio" href="http://blogdesignstudio.com/faq/" target="_blank">click here</a>) but generally $500 dollar is the norm.</p>
<p><strong>Remember the following points while ordering your customized blog</strong></p>
<ul>
<li>Be clear about how you want your blog to look like</li>
<li>Explain your project in detail</li>
<li>Cite examples from other reference websites</li>
<li>Take time out do decide important elements like the main page layout and color scheme</li>
<li>Get a rough sketch before you give the go ahead for theme coding</li>
<li>Keep tab on the timeline</li>
<li>Negotiate the deal beforehand to avoid clashing at later stage</li>
</ul>
<p align="center"><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/start.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="start" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/start-thumb.jpg" alt="start thumb Think different. Get noticed. – Part 1 Blog Design" width="235" height="342" /></a> <a title="Start Button" rel="nofollow" href="http://flickr.com/photos/joao/144284856/" target="_blank">Image Credit</a></p>
<p align="center">
<h3>4. On a Shoe String Budget</h3>
<p align="justify">So you have not tasted success yet. But understand the importance of being different in terms of Designing and want to use it to your benefit. Fret not, their are many options available for you.</p>
<ul>
<li>
<div><strong>Get a cheap premium theme</strong></div>
</li>
</ul>
<p align="justify">There are many premium themes available for those with budgets under $100.  A partial list can be found at  <a title="http://www.smartblogtips.com/wordpress-themes/premium-wordpress-themes/" href="http://www.smartblogtips.com/wordpress-themes/premium-wordpress-themes/">smartblogtips.com/wordpress-themes/premium-wordpress-themes</a>. All the themes available are popular, great looking stylish themes under $100. Check them out.</p>
<ul>
<li>
<div><strong>Get a free theme and modify it</strong></div>
</li>
</ul>
<p align="justify">$100 is not justifiable. Then you can go for the last option. Get a popular free them, which is actively supported by its designer and serves your purpose. for differentiation, hire a cheap web designer to modify it or create a child theme for it. Sites like <a title="Digitalpoint" rel="nofollow" href="http://forums.digitalpoint.com/" target="_blank">Digitalpoint</a> and <a title="Sitepoint" rel="nofollow" href="http://www.sitepoint.com/" target="_blank">Sitepoint</a> are nice starting places, which will get your job done for as little as $20 (if it only deal with changing the link and background colors, heading banners and background images).</p>
<h3>5. Colors colors every where</h3>
<p align="justify">Color is a subjective experience. A reaction of our brain. It gives different stimulus for different colors. That’s why we link a particular color to a particular state of mind like Blue with coolness, Green with envy, Red with love etc. Similar profiles can also me made by having a mix of different colors and creating a layout that appeals to your Target Audience.</p>
<p align="justify">Check out this very nice flash video which visualize colors along with their meanings – <a title="color in motion" rel="nofollow" href="http://www.mariaclaudiacortes.com/colors/Colors.html" target="_blank">Colors in Motion</a>.</p>
<p align="justify">You can use websites like <a title="Colorcombo" rel="nofollow" href="http://www.colorcombo.com/" target="_blank">Colorcombo</a> and <a title="Colorcombos" rel="nofollow" href="http://www.colorcombos.com/" target="_blank">Colorcombos</a> to visualize and try various color combinations.</p>
<p align="center"><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/colorcombo.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="color-combo" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/colorcombo-thumb.jpg" alt="colorcombo thumb Think different. Get noticed. – Part 1 Blog Design" width="500" height="383" /></a> <a title="Color Combo" rel="nofollow" href="http://www.colorcombos.com/" target="_blank">Image Credit</a></p>
<h3>6. Roller Coaster Navigation</h3>
<p align="justify">Navigation depends on individual preferences. A large combination of Navigation layout can be obtained. However the most important links should be easily available to the visitors. These would be the pages which hold site content and also the most active categories / tags.</p>
<p align="justify">It is advisable to have a search box, near the navigation bar. WordPress provides a default search box. Or else you can also use Google’s Customize Search Box.</p>
<p align="justify">Navigation links should have contrasting colors which makes them stand out. This helps grabbing visitor attention.</p>
<p><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/dbttopmenu.jpg"><img style="display: inline; margin-left: 0px; margin-right: 0px" title="dbt-top-menu" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/dbttopmenu-thumb.jpg" alt="dbttopmenu thumb Think different. Get noticed. – Part 1 Blog Design" width="249" height="249" align="left" /></a> <a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/sbttopmenu.jpg"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="sbt-top-menu" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/11/sbttopmenu-thumb.jpg" alt="sbttopmenu thumb Think different. Get noticed. – Part 1 Blog Design" width="255" height="255" /></a></p>
<h3>7. Front Page Make-up</h3>
<p align="justify">Front page layout is always an important challenge. You always want to put as many content as possible, while also maintaining control over the clutter you may cause. That said however there are few items that you must not ignore</p>
<ul>
<li>
<div>Navigation – Highlight Main Pages, Categories, Archive Links and Search bar</div>
</li>
<li>
<div>Site Details – About us page, Contact page, Privacy Policy, Usage Terms, Disclaimer</div>
</li>
<li>
<div>Featured post or Latest post should be highlighted</div>
</li>
<li>
<div>Other recent post should be available on the front page</div>
</li>
<li>
<div>If your site is into Audio/Video then a Gallery is important</div>
</li>
<li>
<div>Tabbed interface can squeeze much more content in a small space</div>
</li>
<li>
<div>Bookmark widget which supports widely used services like Digg, StumbleUpon etc</div>
</li>
</ul>
<h3>8. Finer Layout Aspects</h3>
<p>While there are many fine Blog Designers, they cannot do one thing. Read your mind. It is you who knows your blog and its audience the best.</p>
<p align="justify">So, its up to you to get involved in the Blog Design process, having a say at the images, background styles, layouts etc. you want to have. Finalizing the logo, linking it to your Blog’s theme and content etc. will have more synergy if you actively participate.</p>
<h3>9. Keep Tweaking</h3>
<p align="justify">Now that you have your Blog Design ready, don’t just stop there. Once a month give it a relook and see where can you tweak it a little. Tweaking can be as little as changing the font size of header tags or as complicated as rewriting various CSS style functions.</p>
<p align="justify">Ok. Now its time to relax and move on to Blogging. Next article in this series will focus on Blog Content.</p>
<h3>10. Further Readings &#8211; Blog Design</h3>
<p>Check out some interesting readings related to Blog Design</p>
<ul>
<li><a title="Ready to hire a Blog Designer? Read this first" rel="nofollow" href="http://www.blogherald.com/2008/01/15/ready-to-hire-a-blog-designer-read-this-first/" target="_blank">Ready to hire a Blog Designer? Read this first</a></li>
<li><a title="Should you design your own blog?" rel="nofollow" href="http://lorelle.wordpress.com/2007/06/10/should-you-design-your-own-blog/" target="_blank">Should you design your own blog?</a></li>
<li><a title="Top 10 Weblog Design mistakes" rel="nofollow" href="http://www.useit.com/alertbox/weblogs.html" target="_blank">Top 10 Weblog Design mistakes</a></li>
<li><a title="http://doepud.co.uk/blog.php/12/questions_to_ask_before_hiring_a_web_designer/full" rel="nofollow" href="http://doepud.co.uk/blog.php/12/questions_to_ask_before_hiring_a_web_designer/full" target="_blank" class="broken_link">Questions to ask before hiring a Web Designer</a></li>
<li><a title="How to live happily with a great designer" rel="nofollow" href="http://sethgodin.typepad.com/seths_blog/2006/07/how_to_live_hap.html" target="_blank">How to live happily with a great designer</a></li>
<li><a title="Importance of blog design" rel="nofollow" href="http://www.selfseo.com/story-19388.php" target="_blank">Importance of blog design</a></li>
<li><a title="Choosing Color Combination" rel="nofollow" href="http://veerle.duoh.com/blog/comments/choosing_color_combinations/" target="_blank">Choosing Color Combination</a></li>
</ul>
<h3>Blog Design Studio – Group Writing Contest</h3>
<p align="justify">This article was submitted to <a title="Blog Design" href="http://blogdesignstudio.com/free-wordpress-themes/free-custom-blog-design-contest-group-writing-project/">Blog Design Contest</a>, hosted by <a title="Blog Design" href="http://blogdesignstudio.com/">Blog Design Studio</a>. There are some amazing prizes sponsored by <a title="Blogging Tips" href="http://bloggingtips.com/">Blogging Tips</a> and <a title="Daily Blog Tips" href="http://www.dailyblogtips.com/">Daily Blog Tips</a>. Check them out.</p>
<p>Have a nice day..!!</p>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://smartblogtips.com/part-one-blog-design-think-different-get-noticed-series/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>11 Golden Rules for Logo Design</title>
		<link>http://smartblogtips.com/11-golden-rules-for-logo-design/</link>
		<comments>http://smartblogtips.com/11-golden-rules-for-logo-design/#comments</comments>
		<pubDate>Thu, 13 Nov 2008 09:34:00 +0000</pubDate>
		<dc:creator>Jayant</dc:creator>
				<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[10 Logo Design Rules]]></category>
		<category><![CDATA[Design Rules for Logo]]></category>
		<category><![CDATA[Logo Design Rules]]></category>

		<guid isPermaLink="false">http://www.smartblogtips.com/12-golden-rules-for-logo-design/</guid>
		<description><![CDATA[Rule 1. First and foremost, use KISS formula. Keep it Simple, Stupid. Don’t try to put too many design elements in it. Rule 2. The logo must be unique. So that it creates high recall value in the visitor’s mind. Try unconventional or unique shapes. Rule 3. Use proper colors. Limit colors to a maximum [...]


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<blockquote>
<p align="justify">Rule 1. First and foremost, use KISS formula. Keep it Simple, Stupid. Don’t try to put too many design elements in it.</p>
</blockquote>
<blockquote>
<p align="justify">Rule 2. The logo must be unique. So that it creates high recall value in the visitor’s mind. Try unconventional or unique shapes.</p>
</blockquote>
<blockquote>
<p align="justify">Rule 3. Use proper colors. Limit colors to a maximum of 3-4 (unless using a gradient bar). Avoid very bright and dark colors.</p>
</blockquote>
<blockquote>
<p align="justify">Rule 4. Don’t Copy. Making a logo out of mix-and-match of few popular ones won’t do the trick.</p>
</blockquote>
<p><span id="more-361"></span></p>
<blockquote>
<p align="justify">Rule 5. Link logo to your site’s contents. <em>A Finance related site can have a dollar sign or a currency in the logo for linkage.</em></p>
</blockquote>
<blockquote>
<p align="justify">Rule 6. Avoid Text of keep it to the minimum. Logos are more for visual representation rather than textual. Limit fonts usage to two or preferably one font only.</p>
</blockquote>
<blockquote>
<p align="justify">Rule 7. Create Variations. Try out different variation of a main base idea until you get the right pick.</p>
</blockquote>
<blockquote>
<p align="justify">Rule 8. Keep visitors in mind. Forget your own design preferences. <em>You may not like the red color, but it might do wonders to the visitor count.</em></p>
</blockquote>
<blockquote>
<p align="justify">Rule 9. Logos must be recognizable when – Mirrored, Inverted, Resized.</p>
</blockquote>
<blockquote>
<p align="justify">Rule 10. Use Square or Rectangle Logo container. The logo may be of any unique shape.</p>
</blockquote>
<blockquote>
<p align="justify">Rule 11. You tell. Contribute what you find most important in the logo design process. Use comments to reply. We are awaiting.</p>
</blockquote>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://smartblogtips.com/11-golden-rules-for-logo-design/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Eight simple and effective tips for blog design</title>
		<link>http://smartblogtips.com/eight-simple-and-effective-tips-for-blog-design/</link>
		<comments>http://smartblogtips.com/eight-simple-and-effective-tips-for-blog-design/#comments</comments>
		<pubDate>Fri, 26 Sep 2008 22:30:26 +0000</pubDate>
		<dc:creator>Jayant</dc:creator>
				<category><![CDATA[Web Design Tips]]></category>
		<category><![CDATA[Blog Tips]]></category>
		<category><![CDATA[Color Combination]]></category>
		<category><![CDATA[Design Tips]]></category>
		<category><![CDATA[Navigation and Layout]]></category>

		<guid isPermaLink="false">http://www.smartblogtips.com/eight-simple-and-effective-tips-for-blog-design/</guid>
		<description><![CDATA[&#8220;To me a recipe needs to look appealing to eat first. Taste comes second.&#8221; The design of your Blog is a two edged sword. You have to maintain a fine balance between the looks and aesthetics versus the size and load times. A good design does not be heavy on graphics but rather be pleasing [...]


No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-align: center;" align="right"><em><strong><a href="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/10/blogdesign.jpg"><img class="aligncenter" style="display: block; float: none; margin-left: auto; margin-right: auto" title="blog-design" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/10/blogdesign-thumb.jpg" alt="blogdesign thumb Eight simple and effective tips for blog design" width="500" height="406" /></a> </strong></em></p>
<p class="MsoNormal" style="text-align: justify" align="left"><em><strong>&#8220;To me a recipe needs to look appealing to eat first. Taste comes second.&#8221;</strong></em></p>
<p class="MsoNormal" style="text-align: justify">The design of your Blog is a two edged sword. You have to maintain a fine balance between the looks and aesthetics versus the size and load times. A good design does not be heavy on graphics but rather be pleasing to the eyes. You can make your blog stand just by being creative. The point here is to grab your reader’s attention and hold it.</p>
<p class="MsoNormal" style="text-align: justify">Today we are flooded with so many blogs. Just name a topic and you have a blog on it. But a lot of them are cluttered, ugly and sometimes even repulsive. You should be thankful to these blogs, because it gives you a chance to differentiate yourself.</p>
<p><span id="more-37"></span></p>
<p class="MsoNormal" style="text-align: justify">It is understandable that not all are web designers here. But it does not give an excuse for them to make such bad looking blogs. It is disappointing because, they put all their work to go waste. Unable to grab visitor’s attention means losing out potential market.</p>
<p class="MsoNormal" style="text-align: justify">With so many themes, plug-in, widgets, tutorials and other resources available for free on the web, you don’t need to have advance Photoshop skills to design your blog. A simple task of deciding what components to use and where to place it would suffice.</p>
<p class="MsoNormal" style="text-align: justify">
<p style="text-align: center;"><a href="http://www.smartblogtips.com/eight-simple-and-effective-tips-for-blog-design/"><img class="aligncenter" style="display: block; float: none; margin-left: auto; margin-right: auto" title="keep-it-simple-stupid" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/10/keepitsimplestupid.jpg" alt="keepitsimplestupid Eight simple and effective tips for blog design" width="400" height="228" /></a></p>
<p><strong>1. KISS</strong></p>
<p class="MsoNormal" style="text-align: justify">Keep It Simple, Stupid – The golden rule of designing anything is keeping the focus on simplicity and ease of use. Present your audience with an appealing design, not necessary an eye catching one.</p>
<p class="MsoNormal" style="text-align: justify">
<p class="MsoNormal" style="text-align: justify"><strong><span>2.<span style="font-family: 'Times New Roman'; font-size-adjust: none; font-stretch: normal;"> </span></span></strong><strong>Designing the layout</strong></p>
<p class="MsoNormal" style="text-align: justify">Take a piece of paper and pencil, start designing the layout of the site on it. Make use of boxes to visualize the site components. Don’t go into much detail, just focus on where to place navigation menu, tags, title, ads, comments etc.</p>
<p class="MsoNormal" style="text-align: justify">Once you are done, you have a rough estimate of how your site going to be structured. Now you can go by searching themes on the web for your Content Management System / Blogging Software or even start from scratch.</p>
<p class="MsoNormal" style="text-align: justify">
<p class="MsoNormal" style="text-align: justify"><strong><span>3. </span></strong><strong>Focus on Topic Name and Content</strong></p>
<p class="MsoNormal" style="text-align: justify">Do understand that a reader comes to your blog for your post and not to see your graphic skills (Unless it’s a blog on graphic designing). Three most important things for the reader are: BLOGNAME, TOPIC TITLE and CONTENT.</p>
<p class="MsoNormal" style="text-align: justify">Focus on these three things and your half job is done. BLOGNAME is generally placed at the top of the blog, so it is the first thing visible to your reader. TOPIC TITLE and CONTENT should be laid out well to make it easily readable.</p>
<p class="MsoNormal" style="text-align: justify">
<p style="text-align: center;"><a href="http://www.smartblogtips.com/eight-simple-and-effective-tips-for-blog-design/"><img class="aligncenter" style="display: block; float: none; margin-left: auto; margin-right: auto" title="pleasant-color-combination" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/10/pleasantcolorcombination1.jpg" alt="pleasantcolorcombination1 Eight simple and effective tips for blog design" width="400" height="150" /></a></p>
<p><strong><span>4. </span></strong><strong>Use pleasant Color Combination</strong></p>
<p class="MsoNormal" style="text-align: justify">Although what color to choose is extremely subjective, a few pointers can help ease your task.</p>
<ul>
<li>
<div>Professional topics demand a neat and elegant layout with pleasing / soothing colors</div>
</li>
<li>
<div>Blogs catering to entertainment, fashion and topics related to youth can be experimental with use of bright colors</div>
</li>
<li>
<div>Blogs about graphic and designing does well if it is creatively laid out with fresh and vibrant colors (shades of blue, orange and green)</div>
</li>
<li>
<div>Certain colors combine pretty well. Find those combinations and used them well in your content, content background, page background, links, sidebars etc. Try out <a href="http://www.colorcombos.com/">http://www.colorcombos.com/</a></div>
</li>
<li>
<div>Avoid using contrasting or flashy colors. They though make things stand out, are often irritating to the reader’s eye.</div>
</li>
</ul>
<p><strong></strong></p>
<p><strong><span>5. </span></strong><strong>Use Simple Navigation Style</strong></p>
<p class="MsoNormal" style="text-align: justify">Now we come to the part, where we focus on how to retain your first time visitor. Navigation forms an important part of it. You should have an effective navigation system placed on your website. Most of the Content Management System or Blogs powered by WordPress have excellent navigation controls build into them.</p>
<p class="MsoNormal" style="text-align: justify">Do remember the purpose of navigation control is to provide the reader easy way to move from one portion of the site to another. Breadcrumb view and Drop down view are popular navigation styles. It is better to stick one of the popular styles as readers are habituated to it. Also avoid flash navigation modules, as search engines have difficulty understanding them.</p>
<p class="MsoNormal" style="text-align: justify">
<p align="center"><a href="http://www.smartblogtips.com/eight-simple-and-effective-tips-for-blog-design/"><img style="display: inline" title="effective-page-navigation" src="http://moddify.com/domains/smartblogtips/wp-content/uploads/2008/10/effectivepagenavigation1.jpg" alt="effectivepagenavigation1 Eight simple and effective tips for blog design" width="400" height="158" /></a></p>
<p class="MsoNormal" style="text-align: justify; text-indent: -0.25in; margin-left: 0.25in"><strong><span>6. </span></strong><strong>Make effective use of tags to assist navigation</strong></p>
<p class="MsoNormal" style="text-align: justify">Once a site grows with content, the navigation system proves inadequate to let user easily move through it. Cases happen mostly with blogs and sites with a lot of articles writer in it.</p>
<p class="MsoNormal" style="text-align: justify">Tags are words or groups of words associated with a particular page (blog or article) of a site. But the main problem with tagging is how to present it in a way easily accessible to the readers.</p>
<p class="MsoNormal" style="text-align: justify">Tag Cloud is a wonderful way to do it. Tag Clouds is ideally placed in the sidebar or towards the upper section of the site within confine boundaries to assist users with quick navigation. Refrain from having too large a section devoted to it and vice versa.</p>
<p class="MsoNormal" style="text-align: justify"><em><strong>Tag Cloud Definition:</strong> A tag cloud (or weighted list in visual design) can be used as a visual depiction of content tags used on a website</em></p>
<p class="MsoNormal" style="text-align: justify; text-indent: -0.25in; margin-left: 0.25in"><strong></strong></p>
<p class="MsoNormal" style="text-align: justify; text-indent: -0.25in; margin-left: 0.25in"><strong><span>7. </span></strong><strong>Use of images </strong></p>
<p class="MsoNormal" style="text-align: justify">Images assist for making great visual representation. However they are also heavy on the bandwidth compare to text. Thus they increase the page load times, which may rebound users on low bandwidth or dial ups.</p>
<p class="MsoNormal" style="text-align: justify">Another thing to keep in mind is the image should gel well with the colors used on the blog. If you want a particular background which does not gel with your blog’s color scheme, then you have to choose one over the other.</p>
<p class="MsoNormal" style="text-align: justify"><strong></strong></p>
<p class="MsoNormal" style="text-align: justify"><strong><span>8. </span></strong><strong>Synergy</strong></p>
<p class="MsoNormal" style="text-align: justify">Finally, a well designed blog always is the one that blends all the designing aspects well and makes for a great read. They say “Content is the King” agreed but “A King looks better with his crown”. OK my bad example, sorry but you get the point.</p>
<h4>Credits :</h4>
<ul>
<li>Design Image &#8211; <a href="http://www.flickr.com/photos/maherberro/244384064/">http://www.flickr.com/photos/maherberro/244384064/</a></li>
</ul>


<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://smartblogtips.com/eight-simple-and-effective-tips-for-blog-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

