<?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>Technotip.org &#187; Design</title>
	<atom:link href="http://technotip.org/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://technotip.org</link>
	<description>A Blog For Bloggers, Internet Marketers and Designers!</description>
	<lastBuildDate>Wed, 28 Jul 2010 11:43:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Top 10 Sure Principles for Effective Web Designing</title>
		<link>http://technotip.org/top-10-sure-principles-for-effective-web-designing/</link>
		<comments>http://technotip.org/top-10-sure-principles-for-effective-web-designing/#comments</comments>
		<pubDate>Thu, 15 Jul 2010 06:18:08 +0000</pubDate>
		<dc:creator>Guest</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[attention]]></category>
		<category><![CDATA[Communicate]]></category>
		<category><![CDATA[functionality]]></category>
		<category><![CDATA[load time]]></category>
		<category><![CDATA[user interface]]></category>
		<category><![CDATA[users]]></category>
		<category><![CDATA[web site]]></category>

		<guid isPermaLink="false">http://technotip.org/?p=4145</guid>
		<description><![CDATA[This is a guest post by Buytemplates. If you want to guest post on this blog, check out the guidelines here. 1. Clear, easy web-pages:The first step to make a website effective and striking at the first glance by the user is to make the webpages clear. The Krug’s Law of usability focuses on this [...]]]></description>
			<content:encoded><![CDATA[<p>This is a guest post by <i>Buytemplates</i>. If you want to guest post on this blog, check out <a href="http://technotip.org/technotip-org-guest-post-guidelines/">the guidelines here</a>.</p>
<p><strong>1. Clear, easy web-pages:</strong><br />The first step to make a website effective and striking at the first glance by the user is to make the webpages clear. The Krug’s Law of usability focuses on this very aspect—that it becomes very obvious to the user on how to utilize the website, and achieve his objective. </p>
<p><strong>2. Catch the User’s attention:</strong><br />It is important for the website, if used for advertising, to use techniques like emboldened fonts, moving texts, marquees, graphics, and Flash videos, images to grab the attention of the user and concentrate it on the key topics. However, it must be kept in mind that user is not confounded with too bright and confusing meshes of objects on the screen. Use this technique moderately to gain success. <br />
<center><br />
<img src="http://technotip.org/wp-content/uploads/design/design.jpg" alt="what-to-do-with-design" width="400" height="400" title="Top 10 Sure Principles for Effective Web Designing" /><br />
</center><br />
<strong>3. Impressive Content:</strong><br />The content of the website is actually what the user ends up reading ultimately, and hence, is one of the most influential factors for effective websites. The content should be to-the-point, easygoing, impressive in readability, and clearly understandable. Use of objective language, plain and clear statement which are at the same well written enhances the appeal of the website. </p>
<p><strong>4. Concentrate on Functionality:</strong><br />Users like to know clearly what functions the website offers. Displaying One-Two-Three step procedures for the users, by breaking up a task, has proved to be very effective to guide the user in a simple friendly way towards his goal. Clearly establish what the user’s next step would achieve. </p>
<p><strong>5. Respect the User’s Time:</strong><br />Websites which take the users to long time-consuming procedures for their own purposes, or play with the user’s patience generally tend to annoy the user. Requiring the user to fill out long details and make accounts before allowing him to do general tasks is an unnecessary task and negatively impacts the website.</p>
<p><strong>6. Simplicity is still the golden rule:</strong><br />Keeping the website simple is strongly recommended. This is because users enjoy navigating through simple websites in which they don’t have to comprehend much. From the color scheme to the boxes to the page structure, don’t overdo or overcomplicate things.</p>
<p><strong>7. Special Effects:</strong><br />Keeping it simple and using special effects at the same time is an art. Most websites incorporate special effects like Watercolors and Transparency into their web-design. </p>
<p><strong>8. TETO:</strong><br />This is a popular technique to keep checking and properly maintaining the website. TETO, or Test Early Test Often, which recommends regular testing and debugging of the website, so as to keep a check on problems which usually tend to occur. Testing is considered as very imperative to website design, since it can solve problems which the designer might not have predicted.</p>
<p><strong>9. Communicate:</strong><br />A good website talks to the user, providing him with clear concepts and ideas. Use of a clear structure and organization helps a great deal.</p>
<p><strong>10. Optimize Load Time:</strong><br />Users are annoyed when made to wait. Figure out and rectify if the website takes longer than usual to load. Load time should be optimized for effective websites. </p>
<p class="highlight">
Author Bio:<br />
Buytemplates.net is a web products hub offering scores of inexpensive web templates and brochures. The site presents readymade website templates like <a href="http://www.templatewind.com/premiumtemplates/sharepoint%20templates">SharePoint templates</a>, Joomla templates, <a href="http://www.brochuremonster.com/Business-brochure-templates.aspx">marketing brochures</a>, and many more along with an affordable template customization service.</p>
<div class="tweetmeme_button" style="float: right; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Ftechnotip.org%2Ftop-10-sure-principles-for-effective-web-designing%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Ftechnotip.org%2Ftop-10-sure-principles-for-effective-web-designing%2F&amp;source=technotip&amp;style=normal&amp;service=bit.ly" height="61" width="50" title="Top 10 Sure Principles for Effective Web Designing" alt=" Top 10 Sure Principles for Effective Web Designing" /><br />
			</a>
		</div>
Hi Guest<br />
<ul><br />
<li>Stay Tuned, we are coming up with a awesome announcement, that you will love!</li><br />
<li>"60+ Ways To Increase Your Twitter Followers" -- Please (review)<a href="http://www.stumbleupon.com/url/technotip.org/60-ways-to-increase-your-twitter-followers/" >Stumble</a> and <a href="http://twitter.com/home/?status=RT+%40tweetmeme+60%2B+Ways+To+Increase+Your+Twitter+Followers+http%3A%2F%2Fbit.ly%2FmOtWR" >Tweet</a></li><br />
<li>”Tips, Tricks and Strategies to Make Money Online”</b> <a href="http://technotip.org/wp-content/uploads/Giveaway/TipsTricksToMakeMoneyOnline.pdf">Free ebook</a></li><br />
<li><a href="http://technotip.org/Validate-offer/blogging-for-beginners-videos-download-links.html">Click here</a> to download Yaro Starak's FREE video tutorial.    </li><br />
</ul><br />
<center>&copy;Technotip.org, - visit the <a href="http://technotip.org">blog</a> for more great content.</center><br />
<p><center>Support us by visiting the blog and leaving your valuable comment.</center></p>                                                                                                                                                                                                ]]></content:encoded>
			<wfw:commentRss>http://technotip.org/top-10-sure-principles-for-effective-web-designing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Tips For Designing A Better Logo</title>
		<link>http://technotip.org/10-tips-for-designing-a-better-logo/</link>
		<comments>http://technotip.org/10-tips-for-designing-a-better-logo/#comments</comments>
		<pubDate>Thu, 17 Jun 2010 09:04:46 +0000</pubDate>
		<dc:creator>Guest</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Brand]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://technotip.org/?p=4020</guid>
		<description><![CDATA[This is a guest post by Buytemplates. If you want to guest post on this blog, check out the guidelines here. Designing logos is just like any other design work; to be professional, you will have to pay attention to details. Even a great idea can be ruined if you miss out on some simple [...]]]></description>
			<content:encoded><![CDATA[<p>This is a guest post by <i>Buytemplates</i>. If you want to guest post on this blog, check out <a href="http://technotip.org/technotip-org-guest-post-guidelines/">the guidelines here</a>.</p>
<p>Designing logos is just like any other design work; to be professional, you will have to pay attention to details. Even a great idea can be ruined if you miss out on some simple things. The following 10 tips will help you make an effective logo for your business. </p>
<p><strong>1.</strong> Find out the various mediums where your logo is going to be used, because this will also have a say in the limitations on how complex the logo is. It is not a good idea to have a detailed or illustrated design for a logo that will be placed as embroidery on a uniform, as it wouldn’t be clear. </p>
<p><strong>2.</strong> Do as much research as possible. This stage doesn’t actually involve any design skills however it is important as it makes sure that you understand and get to know your client’s products, services, and rivals better; this will also make sure that you don’t finish up with a logo identical to those of your customer’s competitors. </p>
<p><strong>3.</strong> Your main concern as in designing the logo is to distinguish your client from competitors and other brands. So your design should be able to distinguish and communicate adequately; it should not be one that attempts to doll up things. </p>
<p><strong>4.</strong> You should ensure that logo also works all right in black &#038; white.<br />
 <center><img src="http://technotip.org/wp-content/uploads/blogging/Guest/jaguar.jpg" alt="jaguar-black-white-logo" width="521px" height="288px" title="10 Tips For Designing A Better Logo" /></center><br />
<strong> 5.</strong> It is not compulsory that you should demonstrate the firm’s products or services on the logo. This is true especially when customers can identify from the name itself what the business is all about. </p>
<p><strong>6.</strong> The logo you design should reveal more about the company’s culture than the industry. This makes sure a more personalized logo that is custom-built. The logo shouldn’t be a generic one that all the companies in a particular industry can make use of. </p>
<p><strong>7.</strong> The logo should be made in such a way that it is scalable without missing the detail; it must be identifiable even when scaled down and used on smaller promotional mediums, like visiting cards. </p>
<p><strong>8.</strong> Keep the icon simple and straightforward. Your job is to design an icon, not some wall painting. </p>
<p><strong>9.</strong> Avoid using all the free fonts on the web for your logos. </p>
<p><strong>10.</strong> Don’t be afraid to use a new approach. There is nothing wrong in standing out from the crowd. You don’t have to go with the latest fashion in Logo design. </p>
<p><center><img src="http://technotip.org/wp-content/uploads/blogging/Guest/coca-logo-apple.png" alt="coca logo apple 10 Tips For Designing A Better Logo" width="600" height="287" title="10 Tips For Designing A Better Logo" /></center><br />
Beep in mind, fashion keeps changing all the time, but a logo is one that is going to stay forever. </p>
<p>Creating a good logo and unique tag line are important in producing a brand that presents the ideal representation for your firm. If your logo is clear-cut and unique, and if people visit your web site frequently, people will relate your logo with your business. When completed as it should be, a logo is one of the easiest ways to create an impact on your brand name. So remember the above tips and start designing a great logo.</p>
<p></p>
<p class="highlight">About the Author:<br />
Buytemplates is a notable website that offers professional and reasonably priced web templates for a variety of internet site needs. The website offers resources on <a href="http://www.iconplant.com/">Vista Icons</a> and <a href="http://www.buytemplates.net/eBay-auction-templates-web-templates.aspx">ebay templates</a> along with various other web products for corporate, Business, real estate, entertainment, e-commerce, health, hosting, and much more.</p>
<div class="tweetmeme_button" style="float: right; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Ftechnotip.org%2F10-tips-for-designing-a-better-logo%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Ftechnotip.org%2F10-tips-for-designing-a-better-logo%2F&amp;source=technotip&amp;style=normal&amp;service=bit.ly" height="61" width="50" title="10 Tips For Designing A Better Logo" alt=" 10 Tips For Designing A Better Logo" /><br />
			</a>
		</div>
Hi Guest<br />
<ul><br />
<li>Stay Tuned, we are coming up with a awesome announcement, that you will love!</li><br />
<li>"60+ Ways To Increase Your Twitter Followers" -- Please (review)<a href="http://www.stumbleupon.com/url/technotip.org/60-ways-to-increase-your-twitter-followers/" >Stumble</a> and <a href="http://twitter.com/home/?status=RT+%40tweetmeme+60%2B+Ways+To+Increase+Your+Twitter+Followers+http%3A%2F%2Fbit.ly%2FmOtWR" >Tweet</a></li><br />
<li>”Tips, Tricks and Strategies to Make Money Online”</b> <a href="http://technotip.org/wp-content/uploads/Giveaway/TipsTricksToMakeMoneyOnline.pdf">Free ebook</a></li><br />
<li><a href="http://technotip.org/Validate-offer/blogging-for-beginners-videos-download-links.html">Click here</a> to download Yaro Starak's FREE video tutorial.    </li><br />
</ul><br />
<center>&copy;Technotip.org, - visit the <a href="http://technotip.org">blog</a> for more great content.</center><br />
<p><center>Support us by visiting the blog and leaving your valuable comment.</center></p>                                                                                                                                                                                                ]]></content:encoded>
			<wfw:commentRss>http://technotip.org/10-tips-for-designing-a-better-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Alignment of Ads, Two Horizontal And Rest Vertical &#8211; BuySellAds</title>
		<link>http://technotip.org/alignment-of-ads-two-horizontal-and-rest-vertical-buysellads/</link>
		<comments>http://technotip.org/alignment-of-ads-two-horizontal-and-rest-vertical-buysellads/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 18:49:58 +0000</pubDate>
		<dc:creator>Satish</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[125 x 125]]></category>
		<category><![CDATA[ad banner]]></category>
		<category><![CDATA[Advertisment]]></category>
		<category><![CDATA[alignment]]></category>
		<category><![CDATA[BuySellAds]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Publisher]]></category>

		<guid isPermaLink="false">http://technotip.org/?p=3733</guid>
		<description><![CDATA[BuySellAds [BSA] is an advertising marketplace for small to medium sized website owners/publishers. Publisher like the flexibility in charging the advertisers and the easiness with which one can implement the ad codes into their website. And advertisers like the quality publisher websites, ad rotation feature for equal exposure, stats features and the recently added A/B [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://technotip.org/interview-with-buysellads/">BuySellAds</a> [BSA] is an advertising marketplace for small to medium sized website owners/publishers. Publisher like the flexibility in charging the advertisers and the easiness with which one can implement the ad codes into their website.<br />
And advertisers like the quality publisher websites, ad rotation feature for equal exposure, stats features and the recently added A/B split testing between multiple ad banners etc.</p>
<p><strong>But A Problem..</strong><br />If you are using 125 x 125 ad format of BuySellAds and you have many advertisers, then you might have come across the problem of aligning them.</p>
<p><strong>Example:</strong><br />If you want to have <strong>6 ad spots</strong>, as shown in below image.</p>
<p><img src="http://technotip.org/wp-content/uploads/design/AdvertiseHere.jpg" alt="Advertise-Here" "float:middle;" width="528" height="537" title="Alignment of Ads, Two Horizontal And Rest Vertical   BuySellAds" /><br />
<center>[ 2 x 3 - Two Horizontal and rest Vertical ad spots ]</center>
</p>
<p>There is no built-in user friendly option to get this to work. One simple solution for this is, you can generate 2 separate javascript ad codes and paste it inbetween 2 separate <strong>div</strong> or <strong>p</strong> tags to somehow align it.</p>
<p><strong>But the Problem</strong><br /><strong>1.</strong> Using more ad codes means increase in the load time of the website as a whole.<br />
<strong>2.</strong> All the ads does not get equal exposure. As we can only rotate the ads present in a single block of code and can not rotate between two separate code blocks.<br />
<strong>3.</strong> Some time we may forget to change the price of advertising on one block, which will some time become unfair for advertisers.</p>
<p><strong>Better Solution</strong><br />Generate a single ad code with 6(or whatever you prefer) ad spots and add &#8220;<strong>float:left;</strong>&#8221; to the <strong>A</strong> element of the styles array in the ad code.</p>
<p></p>
<p><strong>Before</strong><br />
<pre><code>
BannerStyles1240548 = new Array(
    &quot;a{display:block;font-size:11px;color:#888;font-
family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-
decoration:none;overflow:hidden;}&quot;,
</code></pre></p>
<p>
<strong>After</strong><br />
<pre><code>
BannerStyles1240548 = new Array(
    &quot;a{float:left;display:block;font-size:11px;color:#888;font-
family:verdana,sans-serif;margin:0 4px 10px 0;text-
align:center;text-decoration:none;overflow:hidden;}&quot;,
</code></pre></p>
<p><strong>Caution</strong><br /> Do not copy and paste the above code, as the quotation marks appearing on a webpage will not work properly in the source code. So just manually add <strong>float:left;</strong> to the <strong>A</strong> element of the styles array, as shown above.</p>
<p><strong>Finally</strong><br /><strong>1.</strong> You have nice looking source code! with less clutter.<br />
<strong>2.</strong> Less number of javascript code, so faster loading of your webpage.<br />
<strong>3.</strong> All the ads rotate and thus equal exposure to advertisers.<br />
<strong>4.</strong> Single change in the settings of your ad code will be applied to all the ads.</p>
<p><strong>Related:</strong> <a href="http://technotip.org/javascript-125x125-ads-on-sidebar/">CSS Code To align 125X125 Ad Banner On WordPress Sidebar</a>
<div class="tweetmeme_button" style="float: right; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Ftechnotip.org%2Falignment-of-ads-two-horizontal-and-rest-vertical-buysellads%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Ftechnotip.org%2Falignment-of-ads-two-horizontal-and-rest-vertical-buysellads%2F&amp;source=technotip&amp;style=normal&amp;service=bit.ly" height="61" width="50" title="Alignment of Ads, Two Horizontal And Rest Vertical   BuySellAds" alt=" Alignment of Ads, Two Horizontal And Rest Vertical   BuySellAds" /><br />
			</a>
		</div>
Hi SATISH<br />
<ul><br />
<li>Stay Tuned, we are coming up with a awesome announcement, that you will love!</li><br />
<li>"60+ Ways To Increase Your Twitter Followers" -- Please (review)<a href="http://www.stumbleupon.com/url/technotip.org/60-ways-to-increase-your-twitter-followers/" >Stumble</a> and <a href="http://twitter.com/home/?status=RT+%40tweetmeme+60%2B+Ways+To+Increase+Your+Twitter+Followers+http%3A%2F%2Fbit.ly%2FmOtWR" >Tweet</a></li><br />
<li>”Tips, Tricks and Strategies to Make Money Online”</b> <a href="http://technotip.org/wp-content/uploads/Giveaway/TipsTricksToMakeMoneyOnline.pdf">Free ebook</a></li><br />
<li><a href="http://technotip.org/Validate-offer/blogging-for-beginners-videos-download-links.html">Click here</a> to download Yaro Starak's FREE video tutorial.    </li><br />
</ul><br />
<center>&copy;Technotip.org, - visit the <a href="http://technotip.org">blog</a> for more great content.</center><br />
<p><center>Support us by visiting the blog and leaving your valuable comment.</center></p>                                                                                                                                                                                                ]]></content:encoded>
			<wfw:commentRss>http://technotip.org/alignment-of-ads-two-horizontal-and-rest-vertical-buysellads/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Image Rollover Effect &#8211; using Simple HTML</title>
		<link>http://technotip.org/image-rollover-effect-using-simple-html/</link>
		<comments>http://technotip.org/image-rollover-effect-using-simple-html/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 06:31:56 +0000</pubDate>
		<dc:creator>Satish</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mouse]]></category>
		<category><![CDATA[rollover]]></category>

		<guid isPermaLink="false">http://technotip.org/?p=3625</guid>
		<description><![CDATA[When visitor roll mouse pointer over a image, s/he will see a different image, when s/he moves mouse pointer out of the image focus, s/he will see the previous image. This is called RollOver Effect. This method is mostly done using JaveScript. It is used mainly on images, while building menu etc. Yesterday I had [...]]]></description>
			<content:encoded><![CDATA[<p>When visitor roll mouse pointer over a image, s/he will see a different image, when s/he moves mouse pointer out of the image focus, s/he will see the previous image. This is called RollOver Effect. This method is mostly done using JaveScript. It is used mainly on images, while building menu etc.</p>
<p>Yesterday I had written an article about <a href="http://technotip.org/onlineprofits-com-re-launches-and-this-time-there-is-something-to-everyone/">OnlineProfits re-lauch</a> and I had used rollover effect to one of the images there, and some people asked me how I did it(Simple Ans: See the source code <img src='http://technotip.org/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' title="Image Rollover Effect   using Simple HTML" />  ).<br />
So here is the simple code to achieve this design effect:<br />
<pre><code>&lt;a href=&quot;Destination Address&quot; 
ONMOUSEOVER=&#039;thinkwithsatish.src=&quot;ImageURL-when-mouseover&quot; &#039; 
ONMOUSEOUT=&#039;thinkwithsatish.src=&quot;ImageURL-when-mouseout&quot; 
&#039;&gt;&lt;center&gt;&lt;img src=&quot;ImageURL-to-be-shown-by-default&quot; 
NAME=&quot;thinkwithsatish&quot;/&gt;&lt;/center&gt;&lt;/a&gt;</code></pre></p>
<p><strong>Explaination:</strong><br />ONMOUSEOVER and ONMOUSEOUT are valid JS effects. Since all most all browsers support JS, this works fine.</p>
<p>Give a name to the actual image to be displayed:<br />
<code>&lt;img src=&quot;URL-of-default-image&quot; NAME=&quot;thinkwithsatish&quot;/&gt;</code><br />
I have named above tag <strong>src</strong> as <strong>thinkwithsatish</strong>. Now Refer to this name by using <strong>ONMOUSEOVER</strong> and <strong>ONMOUSEOUT</strong> commands.</p>
<p><code>ONMOUSEOVER=&#039;thinkwithsatish.src=&quot;ImageURL-when-mouseover&quot; &#039; </code></p>
<p><code>ONMOUSEOUT=&#039;thinkwithsatish.src=&quot;ImageURL-when-mouseout&quot; &#039;</code></p>
<p>Hope the rest of the code is self explanatory.</p>
<p><strong>Code in action!:</strong><br /><a rel=nofollow href="http://technotip.org" ONMOUSEOVER='thinkwithsatish.src="http://technotip.org/wp-content/uploads/design/green-logo-thinkwithsatish.jpg" ' ONMOUSEOUT='thinkwithsatish.src="http://technotip.org/wp-content/themes/NewsDen/images/logo.gif" '><img src="http://technotip.org/wp-content/themes/NewsDen/images/logo.gif" NAME="thinkwithsatish" width="220" height="42" title="Image Rollover Effect   using Simple HTML" alt="logo Image Rollover Effect   using Simple HTML" /></a></p>
<p>Now you can test it by taking your mouse pointer in and out of image area. If you don&#8217;t see any changes, place the mouse pointer over the image for some time &#8211; because in some cases, it takes some time to load.</p>
<p>I see that, it works perfectly in Mozilla FireFox, Internet Explorer and Chrome. I haven&#8217;t tested it in other browsers. And interestingly, I saw it working even in RSS feed!</p>
<p>Many people use content management system software like WordPress, to publish their content. So in order to include a RollOver effect using JavaScript means &#8211; editing the header part or installing a plugin which does the job etc. So instead we can incorporate this simple coding to get the design effect.</p>
<p><strong>Design Tip:</strong> This is just the coding/programming part. To get the effect on the design, you must choose such images which will have good effect on users mind. So choose the images wisely. </p>
<p>I am not sure, how helpful it is to you. But it surly helps me sometime to get some minimal design effects on my WordPress blog posts.</p>
<div class="tweetmeme_button" style="float: right; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Ftechnotip.org%2Fimage-rollover-effect-using-simple-html%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Ftechnotip.org%2Fimage-rollover-effect-using-simple-html%2F&amp;source=technotip&amp;style=normal&amp;service=bit.ly" height="61" width="50" title="Image Rollover Effect   using Simple HTML" alt=" Image Rollover Effect   using Simple HTML" /><br />
			</a>
		</div>
Hi SATISH<br />
<ul><br />
<li>Stay Tuned, we are coming up with a awesome announcement, that you will love!</li><br />
<li>"60+ Ways To Increase Your Twitter Followers" -- Please (review)<a href="http://www.stumbleupon.com/url/technotip.org/60-ways-to-increase-your-twitter-followers/" >Stumble</a> and <a href="http://twitter.com/home/?status=RT+%40tweetmeme+60%2B+Ways+To+Increase+Your+Twitter+Followers+http%3A%2F%2Fbit.ly%2FmOtWR" >Tweet</a></li><br />
<li>”Tips, Tricks and Strategies to Make Money Online”</b> <a href="http://technotip.org/wp-content/uploads/Giveaway/TipsTricksToMakeMoneyOnline.pdf">Free ebook</a></li><br />
<li><a href="http://technotip.org/Validate-offer/blogging-for-beginners-videos-download-links.html">Click here</a> to download Yaro Starak's FREE video tutorial.    </li><br />
</ul><br />
<center>&copy;Technotip.org, - visit the <a href="http://technotip.org">blog</a> for more great content.</center><br />
<p><center>Support us by visiting the blog and leaving your valuable comment.</center></p>                                                                                                                                                                                                ]]></content:encoded>
			<wfw:commentRss>http://technotip.org/image-rollover-effect-using-simple-html/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Are You Puzzling Your Visitors/Readers? Check List</title>
		<link>http://technotip.org/are-you-puzzling-visitors-readers/</link>
		<comments>http://technotip.org/are-you-puzzling-visitors-readers/#comments</comments>
		<pubDate>Sun, 03 Jan 2010 22:45:55 +0000</pubDate>
		<dc:creator>Satish</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Ads]]></category>
		<category><![CDATA[confuse]]></category>
		<category><![CDATA[Form]]></category>
		<category><![CDATA[InText]]></category>
		<category><![CDATA[popup]]></category>
		<category><![CDATA[puzzle]]></category>
		<category><![CDATA[Readers]]></category>
		<category><![CDATA[visitor]]></category>

		<guid isPermaLink="false">http://technotip.org/?p=3549</guid>
		<description><![CDATA[It was completely different, if you were already a big brand or a celebrity. People will be mentally connected to you and will bare the inconvenience and do the things which you want them to do! But if you are like most of us, then you will have to think from users perspective.]]></description>
			<content:encoded><![CDATA[<p>This is exactly what comes to my mind when I visit a website/blog which is filled with many &#8220;call to action!&#8221; &#8211; Are You Trying To Puzzle ?</p>
<p>For example, there are many News websites and entertainment websites which are so confusing that, we bloggers can observe them and take advantage of it, by not doing such things on our blog.</p>
<p><strong>Some of the puzzling things</strong> <br /><strong>1.</strong> Display half a page or so &#8211; ads!, and some dozens of sponsored links <strong>above the fold</strong>.<br />
Displaying a lot of coupon codes/discount coupons of various products(which may be invalid), to gain search engine visitors to those keywords.</p>
<p><img src="http://technotip.org/wp-content/uploads/design/what-to-do.jpg" alt="what to do Are You Puzzling Your Visitors/Readers? Check List" class="bc" align="right" title="Are You Puzzling Your Visitors/Readers? Check List" /></p>
<p><strong>2.</strong> Some 15 to 20 social media widgets &#8211; for you, to inform your friends, family and their dog about the website.<br />
And some more widgets to join their fan clubs &#8211; 1 fan club is a good idea. 2 is ok. Anything above 3 or 4 is a bad idea.</p>
<p><strong>3.</strong> Some flash ads and animated .gif banners. </p>
<p><strong>4.</strong> Few pop ups and pop under and not to forget text link ads(like kontera &#8211; which you may see on our blog too! , Infolinks etc).</p>
<p><strong>5.</strong> And its quite common that, they will be having many CPM ads on their site, and so they need us to refresh the pages and visit various pages on their site &#8211; and its easy, break the single article into two(or even more) and link to it at the bottom of the first article, and link back to the 1st page from the 2nd page, so on.</p>
<p><strong>6.</strong> Having a pop up, asking you to signup for a news letter &#8211; and the popup having no exit option!</p>
<p><strong>7.</strong> Some audio/video(some time, sponsored audio/video), auto-playing! and the visitor searching all the open tabs for the possible culprit(to shut-it-down).</p>
<p><strong>8.</strong> One or the other contest going on, and you participating in it with half a mind, because the prize is so valuable but you haven&#8217;t seen them announcing a winner. When announced, there will be no clue about the winners existence.</p>
<p><strong>9. And a funny thing -</strong> I saw a Twitter widget integrated on one of the famous entertainment site, which shows the recent tweets of some one at their office. I thought, they want to give some real time entertainment news to their visitors. But when I observed it closely, all the previous tweets from almost months were tweeted by some bot(automatic tweets!), and most tweets were out of topic. <strong>Ex:-</strong> I increased my Twitter followers by using this service, check them out. bla bla bla.</p>
<p><strong>10. </strong>And what else or what not ? ha&#8230;they also have some syndicated contents!</p>
<p><strong>Innocent mistake:</strong> <br />Even though they have all these puzzling things around, not all News/Entertainment sites are useless. There are sites, which have good quality content. But the thing is, they forget their main product. The basic element that they wanted to sell you. That is their content or any of their own product, say a DVD or CD or their magazine.</p>
<p>But when the ad revenue or the other benefits get bigger then their main product they may get distracted and may start puzzling their readers with more of what makes them profitable, for the time being.</p>
<p><strong>Smart Planning and Execution:</strong><br />I have seen some people not displaying any ads or banners on their site for many years, and finally they release their own product &#8211; they take time to bring up a exclusive, quality product, while building a group of target audience. Once the product is launched, some people will surly talk about it on their websites, forums etc.<br />
Similarly when a already messy site adds one more mess to its sidebar, who cares about it? And so the site owner will continue with the puzzling act of make money, instead of concentrating on their product.</p>
<p><strong>Are You A Big Brand or a Celebrity?</strong> <br />
It was completely different, if you were already a big brand or a celebrity. People will be mentally connected to you and will bare the inconvenience and do the things which you want them to do! But if you are like most of us, then you will have to think from users perspective.</p>
<p><strong>But then, Some Facts..</strong><br />Also know the fact that, many of these news/entertainment sites have got premium publisher accounts. That means they earn a major share in the total earnings they generate, unlike the usual 50 &#8211; 50 or 30 &#8211; 50 or 60 &#8211; 50 ratios. Some ad networks even pay 80% to their premium publishers. Because if they can retain some key players, they are sure to retain their loyal followers too. But such sites will have multiple posters and many many many posts in their archive. <br />Blogs with single author or 2 or 3 authors will have a hard time building such a site. Instead, you can concentrate on building a community around the blog, who can stick around longer. So, you may have to stop puzzling your readers and build the community, authority, trust around your blog/brand.</p>
<p><strong>The final take from this post is: </strong><br />
<strong>1.</strong> If you have any widgets/banner on your sidebar, then take some time now itself and remove them.<br />
<strong>2.</strong> I believe, you have some call to action to your visitors. Like news letter signup, buy this button for your product etc. Focus on the main thing(s), rather than wanting your visitors to do all the things which you expect them to do.<br />
<strong>3.</strong> Avoid forcing your visitors to take certain actions. Let them choose what they want to do and what they don&#8217;t.<br />
<strong>4.</strong> Teach your visitors whats on your blog. <strong>Ex:-</strong> Twitter had a video explaining what Twitter is all about. Similarly, some people write and educate their readers about things like &#8211; What is RSS. What are the bubble links that they are seeing when they hover over certain words &#8211; intext ads  etc.<br />
<strong>5. Label the things properly:</strong> Label the things like, subscription form, Search form, News letter form, recent links, popular links, Sponsored link, advertisements etc.<br />
<strong>6.</strong> choose a good niche and try to be on topic as far as possible. Think, what if your favorite politics blog suddenly started writing only about entertainment and traveling!<br />
<strong>7.</strong> Let the design of your blog be simple and well structured. And <a href="http://technotip.org/20-tips-to-optimize-your-homepage/">load before your visitor forgets, what he was looking for!</a><br />
<strong>8.</strong> Do some testing and know which widgets your visitors use frequently to share the content on your blog. Retain such things and remove the rest.<br />
<strong>9.</strong><br />
<strong>10.</strong></p>
<p>You may earn a dollar more today by puzzling/confusing/misleading your visitor, but remember, with that intention, you might have already missed a big opportunity. Better late then not, you can take action now and never miss an opportunity in the future.</p>
<p>What do you think of sites which try to puzzle visitors/readers. I have left point, <strong>9, 10</strong> empty. Would love to know your experience, in the comment section.
<div class="tweetmeme_button" style="float: right; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Ftechnotip.org%2Fare-you-puzzling-visitors-readers%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Ftechnotip.org%2Fare-you-puzzling-visitors-readers%2F&amp;source=technotip&amp;style=normal&amp;service=bit.ly" height="61" width="50" title="Are You Puzzling Your Visitors/Readers? Check List" alt=" Are You Puzzling Your Visitors/Readers? Check List" /><br />
			</a>
		</div>
Hi SATISH<br />
<ul><br />
<li>Stay Tuned, we are coming up with a awesome announcement, that you will love!</li><br />
<li>"60+ Ways To Increase Your Twitter Followers" -- Please (review)<a href="http://www.stumbleupon.com/url/technotip.org/60-ways-to-increase-your-twitter-followers/" >Stumble</a> and <a href="http://twitter.com/home/?status=RT+%40tweetmeme+60%2B+Ways+To+Increase+Your+Twitter+Followers+http%3A%2F%2Fbit.ly%2FmOtWR" >Tweet</a></li><br />
<li>”Tips, Tricks and Strategies to Make Money Online”</b> <a href="http://technotip.org/wp-content/uploads/Giveaway/TipsTricksToMakeMoneyOnline.pdf">Free ebook</a></li><br />
<li><a href="http://technotip.org/Validate-offer/blogging-for-beginners-videos-download-links.html">Click here</a> to download Yaro Starak's FREE video tutorial.    </li><br />
</ul><br />
<center>&copy;Technotip.org, - visit the <a href="http://technotip.org">blog</a> for more great content.</center><br />
<p><center>Support us by visiting the blog and leaving your valuable comment.</center></p>                                                                                                                                                                                                ]]></content:encoded>
			<wfw:commentRss>http://technotip.org/are-you-puzzling-visitors-readers/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
