<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"><channel><title>Gaiety Tech- A Little Tech Tricks Zone On The Web World </title><description>The Place For Blogger Tips, Blogger Widget, Seo Learning, Technology News, Social Media, Online Money Making Tips and All Other Things About Tech. </description><managingEditor>noreply@blogger.com (Anonymous)</managingEditor><pubDate>Thu, 24 Apr 2025 07:10:49 +0600</pubDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">12</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><link>http://gaietytech.blogspot.com/</link><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle>The Place For Blogger Tips, Blogger Widget, Seo Learning, Technology News, Social Media, Online Money Making Tips and All Other Things About Tech. </itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><title>Ways to write Attractive product reviews</title><link>http://gaietytech.blogspot.com/2012/12/write-product-reviews.html</link><category>Internet Marketing</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Fri, 14 Dec 2012 00:43:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-6329102833675502953</guid><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPUqNHxSlgGeylwfrfnlJGLAehS27RN3PR1PwXM_GKtu4IRwuIlX-3sciHeGDrLOTahrfmzA7fg5xRgA36-lLNr3MI0yAhO8Cic-_cWOKVO2ZnHgDMTPD7-PyNTaVWAnTcb8UE0gq7Fk3M/s320/product+review+writing.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img alt="product review, Write review, brands review" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPUqNHxSlgGeylwfrfnlJGLAehS27RN3PR1PwXM_GKtu4IRwuIlX-3sciHeGDrLOTahrfmzA7fg5xRgA36-lLNr3MI0yAhO8Cic-_cWOKVO2ZnHgDMTPD7-PyNTaVWAnTcb8UE0gq7Fk3M/s320/product+review+writing.png" title="Write review" width="300" /&gt;&lt;/a&gt;&lt;/div&gt;
Review is one of the most known and popular activity on the virtual world. Most of us always read something about any product and try to know more about this from internet. Write review and read review that’s a different subject.
&lt;br /&gt;
Generally people thought some common idea about writing product review. Many people thinks its only for sales promotion or something like. When a writer writes this kind of review then reader thought that may be the writer not real he is a representative on this company. Maximum time you can see this kind of situation when a writer write only for earn money.
&lt;br /&gt;
Can I create specific rules for writing reviews? The expert says, may be. You can follow some step to write a quality review and stay your reader on your writing. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;What’s the purpose of review?&lt;/span&gt;&lt;/h2&gt;
Review is not a sales promotion. First we need to come out this wrong idea. To write a quality review about any product you need to know what kind of review people like. To find what kind of review people like you need to find out, why people search for this review? Various people have different reasons about it but generally you can identify some common reasons.&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Is this a quality product and are it easy to use&lt;/li&gt;
&lt;li&gt;What is the difference between other brands&lt;/li&gt;
&lt;li&gt;The experience of the user those use this product&lt;/li&gt;
&lt;li&gt;Last and important things, is the product price are acceptable for user&lt;/li&gt;
&lt;/ul&gt;
You can easily attract your reader if you write a review by following these common product review writing reasons. To do this you need taken some step.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Buy the product or tell company give you this product&lt;/span&gt;&lt;/h2&gt;
To write a excellent product review, the first condition is your experience about this product. You can not write a book review without reading the book, like this without use any product you couldn’t write a great review about the product by just following company description. 
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Use Affiliates&lt;/span&gt;&lt;/h2&gt;
Interpret that you write review for your own blog. Write review and affiliates both makes a great profit for you. You can earn more money by together use this. The important things you need to keep on mind that I already said on top which is don’t write only for sales promotion. Consider the readers interest and give them true information. &lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;What information needed on a review&lt;/span&gt;
&lt;/h2&gt;
Its important things that, before write any product or other Service review you need make a chart for it. There you place important subject of the product or service. Look like this:&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;h3&gt;
Description&lt;/h3&gt;
&lt;/li&gt;
&lt;/ul&gt;
Detail product description. It’s not a hard work. Company can give you their product detail. You must know it is compulsory for any product to add the information on the product body.
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;h3&gt;
Which user can use it&lt;/h3&gt;
&lt;/li&gt;
&lt;/ul&gt;
What kind of user can feel suitable after user it. Sometime this kind of little information helps a user to choose a right product for him. So they pick their product themselves easily.&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;h3&gt;
Facilities of product&lt;/h3&gt;
&lt;/li&gt;
&lt;/ul&gt;
What are the real advantages of the product?  What are the benefits for a user if he use it.
&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;h3&gt;
Practical aspects&lt;/h3&gt;
&lt;/li&gt;
&lt;/ul&gt;
How much exactly, where available, convenient way to purchase, you need to mention here. You can add your affiliate link on here.   &lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Add other brands product details&lt;/span&gt;&lt;/h2&gt;
When you write a review add some details of other similar product. It is primary condition for a good review. This make easier for a reader to find the difference between other products.&lt;br /&gt;
Such reference does not have a role in many cases. When you write a novel review you can not Comparison between other similar novels. But if you can do this, it’s helpful for your reader. 
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Positive and Negative site&lt;/span&gt;&lt;/h2&gt;
On a review, try to describe some good and bad site of the product. Many readers first check this thing before start reading. If he interested then he can read full review.
&lt;br /&gt;
You must need to add the real information of the product on here. Many writers cleverly compared small problem for hide the big problem. Don’t do this consciously. Write real information of the product which you know perfectly.&lt;br /&gt;
&lt;br /&gt;
At the end you can add your interest about the product. Are you want to buy this?, or wait for the better release. Is price is good for you? and something like this.&lt;br /&gt;
&lt;br /&gt;
There may be more things on outside which i not write here. You can find own way by yourself. If you have any advice for our reader write a comment on bottom. 
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPUqNHxSlgGeylwfrfnlJGLAehS27RN3PR1PwXM_GKtu4IRwuIlX-3sciHeGDrLOTahrfmzA7fg5xRgA36-lLNr3MI0yAhO8Cic-_cWOKVO2ZnHgDMTPD7-PyNTaVWAnTcb8UE0gq7Fk3M/s72-c/product+review+writing.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total></item><item><title>Fix the common Blogging Mistakes as a Newbie</title><link>http://gaietytech.blogspot.com/2012/12/fix-common-blogging-mistakes-as-newbie.html</link><category>Blogger Tips</category><category>Webmaster Tips</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Mon, 3 Dec 2012 01:58:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-4754657989481060971</guid><description>&lt;div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"&gt;
&lt;img alt="Common Blogging Mistakes, fix Mistakes, Mistakes of blogging, avoid the blogging mistake, blogging tips, wrong blogging way" border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJJHK9rru-lh-IXOLAxvevl-txmbB_EU5_Medm5ZfeWxMrzeTOvyTm6_54zKyFQd_68eJCPwjrLenWyGsvUannw0So6YadeXEl0NO2qPIUpCF8u149JveoWbIwtfsLHIa9uKedXR9tSVjR/s320/Fix-Common-Blogging-Mistake.png" title="Blogging Mistakes" width="320" /&gt;&lt;/div&gt;
Make website is so easy but make a professional blogger, it’s so difficult. It’s a one by one step become a professional blogger. Everybody now a days open a website and want to success on his blogging business. But For his some common mistake he lost his blogging energy and then stop blogging. Many newbie people are failure for this reason. On below I focus some common wrong way which needs to avoid making a professional blogger.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Start Blogging without Plan:&lt;/span&gt;&lt;/h2&gt;
Most of people don’t know why he open his blog! She don’t know what to do now. So he post anything on his blog. Without planning its not easy to got succeed. Chose a topic now think what you can give your visitor and are preferred for this? If yes then start your blogging on the selected topic. Its help you to get succeed on blogging.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Stop Copy other Article:&lt;/span&gt;&lt;/h2&gt;
Respect the copyright violation. Don’t copy other article and paste it on your site. Google also not like it. Always try to write your own creativity. If you don’t know to much about your topic then research it, read other article about your topic. Now start writing. Without research its not possible to write a quality article. Remember this a visitor don’t like to read copy paste article. They always hate and avoid it.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Useless Blog design: &lt;/span&gt;&lt;/h2&gt;
Design your blog user friendly. To much useless design don’t  like a visitor. To much design is also effect your page loading time. Chose a nice font is important of your site. Avoid use different fonts in one  page or a post.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Lack of patience:&lt;/span&gt; 
&lt;/h2&gt;
Without patience, you may not get succeed anywhere. Patience is the key of succeed. On your blogging journey its also a very important part. Lots of newbie want to got a high level traffic in few days. When they not get his targeted traffic on few days then he stops his blogging journey.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Don’t know basic SEO:&lt;/span&gt;
&lt;/h2&gt;
Its highly recommended, if you want to traffic find your blog on search engine. SEO is the most powerful way to improve your site audience. Without &lt;a href="http://gaietytech.blogspot.com/2012/11/some-basic-tips-for-beginner-about-seo.html"&gt;seo basic knowledge&lt;/a&gt; its difficult to grow your audience.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Reading other blog: &lt;/span&gt;&lt;/h2&gt;
To get updated with latest blogging technique. You need to pick some best blog in your niche and keep reading those blog. Leave a significant comment   on the blog. Its help you to branding your site and also you can get some referral traffic with a backlinks. So start reading other blog from today and keep updated.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Use Social Media:
&lt;/span&gt;&lt;/h2&gt;
After people read your article they might be interested to share your article on &lt;a href="http://gaietytech.blogspot.com/search/label/Social%20Media"&gt;social media&lt;/a&gt;. But if you not use any social media button on your site they not be able to share this with her friends circle. Use some top social media site share button on your blog. To reach your site traffic social media can play a good role for it.&lt;br /&gt;
&lt;br /&gt;
Try to fix the above mistake of blogging. Hope you got the ultimate blogging succeed on your blogging career&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJJHK9rru-lh-IXOLAxvevl-txmbB_EU5_Medm5ZfeWxMrzeTOvyTm6_54zKyFQd_68eJCPwjrLenWyGsvUannw0So6YadeXEl0NO2qPIUpCF8u149JveoWbIwtfsLHIa9uKedXR9tSVjR/s72-c/Fix-Common-Blogging-Mistake.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">2</thr:total></item><item><title>8 Simple Css Vertical menu bar for blogger</title><link>http://gaietytech.blogspot.com/2012/11/simple-css-vertical-menu-bar-for-blogger.html</link><category>Blogger Tips</category><category>Blogger Widget</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Wed, 14 Nov 2012 01:22:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-5965756185913193215</guid><description>&lt;div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"&gt;
&lt;img alt="CSS Verticle menu, Verticle menu blogger, 3d Verticle menu, " border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkQQoMNkmeD99yX984XNjHR1t3baCJ59ZzRpim4R7ifA3NYrR16Ocb_3FX4dAdYejQH6Si_23O0p66iz4oA0-xlqARA1OnZrTw6YWP7Mf1eQ9uV0A4-uc-8ewlnstsR1iKUtaZkwSvpvCp/s320/Css-vertical-menu.png" title="CSS Verticle menu" width="300" /&gt;&lt;/div&gt;
Sharing The first collection of &lt;a href="http://gaietytech.blogspot.com/2012/11/simple-css-vertical-menu-bar-for-blogger.html"&gt;Vertical Navigation menu bar for blogger&lt;/a&gt;. Today I give you some awesome designed vertical menu. This menu bar designed by &lt;a href="http://cssmenumaker.com/" target="_blank"&gt;Cssmenumekar&lt;/a&gt;. I am modify these and make comfortable for your blogger site. I am tried hard to share the best menu bar for you. Hope you like and enjoy this.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="color: #38761d;"&gt;
How to add Vertical Navigation CSS Menu on your blogger/blogspot site &lt;/h3&gt;
&lt;br /&gt;
1.To add any menu bar from below first copy the css code of your selected menu.&lt;br /&gt;
2.Then go to your blogger template and find &lt;b style="color: #cc0000;"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;br /&gt;
3.Past your copied css code just above of &lt;b style="color: #cc0000;"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;br /&gt;
4.Now save your template.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;After adding css code now you need to add html code to show your menu bar on blogger.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
1.	Go to your &lt;b&gt;blogger layout option&lt;/b&gt;&amp;gt; &lt;b&gt;Add a gadget&lt;/b&gt; &amp;gt; &lt;b&gt;Html/javascript&lt;/b&gt; &amp;gt; and paste the html codes and save it.&lt;br /&gt;
2. Now you need to edit the html codes:&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="gtcode"&gt;   &amp;lt;li&amp;gt;&amp;lt;a href='&lt;b style="color: #cc0000;"&gt;#&lt;/b&gt;'&amp;gt;&amp;lt;span&amp;gt;&lt;b&gt;&lt;span style="color: #38761d;"&gt;Home&lt;/span&gt;&lt;/b&gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
   &amp;lt;li&amp;gt;&amp;lt;a href='&lt;b style="color: #cc0000;"&gt;#&lt;/b&gt;'&amp;gt;&amp;lt;span&amp;gt;&lt;b style="color: #38761d;"&gt;Products&lt;/b&gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
   &amp;lt;li&amp;gt;&amp;lt;a href='&lt;span style="color: #cc0000;"&gt;#&lt;/span&gt;'&amp;gt;&amp;lt;span&amp;gt;&lt;b style="color: #38761d;"&gt;Menu 1&lt;/b&gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
   &amp;lt;li&amp;gt;&amp;lt;a href='&lt;span style="color: #cc0000;"&gt;#&lt;/span&gt;'&amp;gt;&amp;lt;span&amp;gt;&lt;b style="color: #38761d;"&gt;Menu 2&lt;/b&gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
   &amp;lt;li&amp;gt;&amp;lt;a href='&lt;span style="color: #cc0000;"&gt;#&lt;/span&gt;'&amp;gt;&amp;lt;span&amp;gt;&lt;b&gt;&lt;span style="color: #38761d;"&gt;About&lt;/span&gt;&lt;/b&gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
   &amp;lt;li&amp;gt;&amp;lt;a href='&lt;span style="color: #cc0000;"&gt;#&lt;/span&gt;'&amp;gt;&amp;lt;span&amp;gt;&lt;b style="color: #38761d;"&gt;Contact&lt;/b&gt;&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
&lt;/pre&gt;
&lt;br /&gt;
Remove &lt;span style="color: #cc0000;"&gt;#&lt;/span&gt; and give your page url and change &lt;span style="color: #38761d;"&gt;Home&lt;/span&gt;, &lt;span style="color: #38761d;"&gt;Products&lt;/span&gt;, &lt;span style="color: #38761d;"&gt;Contact&lt;/span&gt; etc and give the linked page name on it.&lt;br /&gt;
&lt;br /&gt;
&lt;b style="color: #cc0000;"&gt;Note:&lt;/b&gt; if the menu is not fitted  on your slide bar actual size then simply comment on the bottom. I will try to made it comfortable with your site.&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style="color: #38761d; text-align: center;"&gt;
&lt;b&gt;1. Blue &amp;amp; White Menu&lt;/b&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="css vertical menu, free css vertical menu bar, simple menu bar" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0NfbGQa186jLFpvQTuRkocBnjFBUR0Iz7xhZoX61Sy-VpmOuB539CtjK3USmD9PyY_VvHsnwBZh8Hm3iCZbPQqFqXmRKoVG6tO6M4WTzq6Vopsn5Awzh9T0nUnORHX5dPICYDXhV69Q3/s320/website+menu+1.png" title="blue and white" width="185" /&gt;&lt;/div&gt;
&lt;div style="color: #38761d; text-align: left;"&gt;
&lt;br /&gt;
&lt;b&gt;CSS CODE:
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; text-align: center; width: 579px;"&gt; /*Gt Stylesheet */
#cssmenu &gt; ul{
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu &gt; ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu &gt; ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}

		/* General link styling */
		#cssmenu &gt; ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #3dafea;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			font-size: 13px;
			font-weight: 300;

			/* Background &amp; effects */
			background: #eaeaea;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu &gt; ul li:first-child&gt;a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu &gt; ul li:last-child&gt;a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu &gt; ul li&gt;a:hover, #cssmenu &gt; ul li:hover&gt;a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #54cdf1;
			background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu &gt; ul .has-sub&gt;a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #3dafea; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu &gt; ul .has-sub&gt;a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu &gt; ul li&gt;a:hover::after, #cssmenu &gt; ul li:hover&gt;a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu &gt; ul li&gt;a:hover::before, #cssmenu &gt; ul li:hover&gt;a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#cssmenu &gt; ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu &gt; ul li:hover&gt;ul {
			top: 0px;
			opacity: 1;
		}&lt;/textarea&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;HTML CODE:&lt;/b&gt;
&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt; &lt;div id='cssmenu'&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style="color: #38761d; text-align: center;"&gt;
&lt;b&gt;2. Black &amp;amp; Yellow Menu&lt;/b&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="free css vertical menu bar" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXZtKGgi3n-cEZi9GKZ_qQAnY1PBwQ5vrVlfOxrq4n7Qx1J5tArtGK193oKZ-gUzF5buMXqCf7vpXz0Ubdnbp8fEbJZ2bBUT8fDaMqNZF1aTOjRiSsJDpRia5BKKPPz9N-y_R8C8LWN-h/s320/web+menu+5.png" title="Black and yellow" width="185" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;CSS CODE: &lt;/b&gt;
&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt; /* GT stylesheet */
ul#cssmenu &gt; ul, #cssmenu &gt; ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu &gt; ul, #cssmenu &gt; ul ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu &gt; ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}

		/* General link styling */
		#cssmenu &gt; ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
			color: #d8d8d8;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 1px #000;
			font-size: 13px;
			font-weight: 300;

			/* Background &amp; effects */
			background: #282828;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu &gt; ul li:first-child&gt;a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu &gt; ul li:last-child&gt;a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu &gt; ul li&gt;a:hover, #cssmenu &gt; ul li:hover&gt;a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #d4b800;
			background: -webkit-linear-gradient(bottom, #d4b800, #f6d600);
			background: -ms-linear-gradient(bottom, #d4b800, #f6d600); 
			background: -moz-linear-gradient(bottom, #d4b800, #f6d600);
			background: -o-linear-gradient(bottom, #d4b800, #f6d600);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu &gt; ul .has-sub&gt;a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu &gt; ul .has-sub&gt;a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu &gt; ul li&gt;a:hover::after, #cssmenu &gt; ul li:hover&gt;a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu &gt; ul li&gt;a:hover::before, #cssmenu &gt; ul li:hover&gt;a::before {
			border-left: 4px solid rgba(0, 0, 0, .3);
		}

	
		/* THE SUBMENUS */
		#cssmenu &gt; ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu &gt; ul li:hover&gt;ul {
			top: 0px;
			opacity: 1;
		}&lt;/textarea&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;HTML CODE:
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt;&lt;div id='cssmenu'&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style="color: #38761d; text-align: center;"&gt;
&lt;b&gt;3. Black &amp;amp; Blue Menu&lt;/b&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="css simple verticle menu bar" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGBk8PU7nnmBn7Eh559D4ZJwgVS7zdHJcNAYuWvUYvuGYhg3UWZZKxjiFig8-za52Ut0d6HoxAXetSkbicGQhHyyr2TT67Hcr_G3cKW5bOxvWaG92L8lfHuzOHbwGyeQX4n3fWUOOKuArQ/s320/website+menu+4.png" title="Black and blue" width="185" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b style="color: #38761d;"&gt;CSS CODE:
&lt;/b&gt;&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt; /* Some stylesheet reset */
#cssmenu  &gt; ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}/* The container */
#cssmenu  &gt; ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu  &gt; ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}

		/* General link styling */
		#cssmenu  &gt; ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family: Helvetica, Arial, sans-serif;
			color: #d8d8d8;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 1px #000;
			font-size: 13px;
			font-weight: 300;			

			/* Background &amp; effects */
			background: #282828;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu  &gt; ul li:first-child&gt;a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu  &gt; ul li:last-child&gt;a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu  &gt; ul li&gt;a:hover, #cssmenu  &gt; ul li:hover&gt;a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #54cdf1;
			background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
			background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
			background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu  &gt; ul .has-sub&gt;a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu  &gt; ul .has-sub&gt;a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu  &gt; ul li&gt;a:hover::after, #cssmenu  &gt; ul li:hover&gt;a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu  &gt; ul li&gt;a:hover::before, #cssmenu  &gt; ul li:hover&gt;a::before {
			border-left: 4px solid rgba(0, 0, 0, .3);
		}

	
		/* THE SUBMENUS */
		#cssmenu  &gt; ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu  &gt; ul li:hover&gt;ul {
			top: 0px;
			opacity: 1;
		}&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;HTML CODE:
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt;&lt;div id='cssmenu'&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style="color: #38761d; text-align: center;"&gt;
&lt;b&gt;4. Red &amp;amp; White Menu&lt;/b&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_Da6GEH8HHzW2Sqes3bHEVPzphGBV-1ONIfk-TK7AzZtb0ZhkKwTLsIwioTCVBSF9rXWD7jtJjQKowuDmLNfdeuTP2_Ff61o7pHuO71v3hs1LoSHzVZoBsDXnj10rGRHPz0KvHpTCxnN/s1600/website+menu+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="free css vertical menu bar" border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU_Da6GEH8HHzW2Sqes3bHEVPzphGBV-1ONIfk-TK7AzZtb0ZhkKwTLsIwioTCVBSF9rXWD7jtJjQKowuDmLNfdeuTP2_Ff61o7pHuO71v3hs1LoSHzVZoBsDXnj10rGRHPz0KvHpTCxnN/s320/website+menu+3.png" title="Red and white menu bar" width="182" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;CSS CODE:&lt;/b&gt;
&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt;/* Some stylesheet reset */
#cssmenu &gt; ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu &gt; ul{
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu &gt; ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}

		/* General link styling */
		#cssmenu &gt; ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #fff;
			border-bottom: 1px dotted #d9d9d9;
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family:  Helvetica, Arial, sans-serif;
			color: #e4433c;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #fff;
			font-size: 13px;
			font-weight: 300;

			/* Background &amp; effects */
			background: #eaeaea;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu &gt; ul li:first-child&gt;a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu &gt; ul li:last-child&gt;a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu &gt; ul li a:hover, #cssmenu &gt; ul li:hover&gt;a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
			background: #f23f37;
			background: -webkit-linear-gradient(bottom, #f23f37, #f45d57);
			background: -ms-linear-gradient(bottom, #f23f37, #f45d57); 
			background: -moz-linear-gradient(bottom, #f23f37, #f45d57);
			background: -o-linear-gradient(bottom, #f23f37, #f45d57);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu &gt; ul .has-sub &gt;a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #e4433c; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu &gt; ul .has-sub &gt;a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #fff;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu &gt; ul li&gt;a:hover::after, #cssmenu &gt; ul li:hover&gt;a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu &gt; ul li&gt;a:hover::before, #cssmenu &gt; ul li:hover&gt;a::before {
			border-left: 4px solid rgba(0, 0, 0, .25);
		}

	
		/* THE SUBMENUS */
		#cssmenu &gt; ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu &gt; ul li:hover&gt;ul {
			top: 0px;
			opacity: 1;
		} &lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;HTML CODE:
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt;&lt;div id='cssmenu'&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/textarea&gt;

&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style="color: #38761d; text-align: center;"&gt;
&lt;b&gt;5. Vertical-Massive-Blue&lt;/b&gt;
&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="css vertical menu, free css vertical menu bar, simple menu bar" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9ySvx5ADI-19i175itsTAlhl4CLD6_1f4ko-e31A4d65HJWT-lt35qz_7M70Qw0Y8Jit_90rErTZkhXQ4PZRpbqiPlp9CJyfmo3wjpavATuMoFBdaTeiuKs6ni2iIwstaPVUmwZsUlBO/s320/website+menu+7.png" title="Blue" width="185" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;CSS CODE: 
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt; #cssmenu {
	background: #333;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}
#cssmenu li {
	font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
       list-style: none;
}
#cssmenu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#cssmenu a:hover {
	background: #2580a2 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQifMO6JwWYLC8s2gHp8PtvJipuR7fwFHJaGKqctMKHWueSF-LbPr0WKxGInI5hcM0SwN0XBPp9gmXPg2_rrXQ1t1Kd1PiwG-MWHm0LZ7UZJCdCPqQWWmJUYg8Hq498JlCk-byjYJBmvKm/s1600/hover.gif') left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;HTML CODE:
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt;&lt;div id='cssmenu'&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style="color: #38761d; text-align: center;"&gt;
&lt;b&gt;6.Grey Hat Menu&lt;/b&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="css vertical menu, free css vertical menu bar, simple menu bar" border="0" height="270" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQSfSR7AfWEnsk6DL3qNqm6qEjysP8w6p8dpQ04lR0h7V1Q0kEFC5kcxDqIVJKXLsoZE5oc01_1-TQdYOwcmRoQKjXg9ID7-w68a5TmQKGe7uiVb5lZZ6LLPNalid1QHpYjoOTEDf2gL5B/s320/website+menu.png" title="Grey Hat" width="185" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;CSS CODE: 
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt; 
#cssmenu {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
#cssmenu{
	width: 193px;
}
#cssmenu ul{
	list-style: none;
	text-indent: 0px;
}
#cssmenu li{
	margin-top: 3px;
}
#cssmenu a{
	font: 12px Verdana;
	padding: 4px;
	color: #646464;
	display:block;
	padding: 6px 30px;
	height: 20px;
	text-decoration: none;
	background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJXg946g6BBGrVdanO82PtA-A_ZZ7dXOFhm8iK7LJvH2iP9Q3wbFdfAkZRlG4amMz9cZzxLnc0w_JDHZ80IYUnbIah4ShyphenhyphenJnF6iJC_T6JafrUgEzs0VuCEVUbW5CGVf8vxEeVm8kQz8Er7/s220/background.gif');
}
#cssmenu a:hover{
	background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9uqIcIEkNNEF-J6XHZxiSQmRxHaVpbUJ1dolhtfsvHi9QKiOIsDAeR7bYf_RJdwzEeJaYq9WZXs4canfS3fIA_UfDehp9KlsVVoPYwfMH3AIkT_94JnLJ-MYUJZCnfKdCiZQVeyezN8ov/s220/highlight.gif') no-repeat right;
	padding: 6px 40px;
}:148px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9uqIcIEkNNEF-J6XHZxiSQmRxHaVpbUJ1dolhtfsvHi9QKiOIsDAeR7bYf_RJdwzEeJaYq9WZXs4canfS3fIA_UfDehp9KlsVVoPYwfMH3AIkT_94JnLJ-MYUJZCnfKdCiZQVeyezN8ov/s220/highlight.gif) no-repeat;color:#b18211;}&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;HTML CODE:
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt;&lt;div id='cssmenu'&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style="color: #38761d; text-align: center;"&gt;
&lt;b&gt;7. Bitbox Menu
&lt;/b&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="css vertical menu, free css vertical menu bar, simple menu bar" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0NcXG3p-IOW8YZSSxM2wTx5V4L18_WNNapP2apNmn1cxI02elSdMiHbfkdJymWh-cgnwwhqEtvkYEa0zTOTNuXP01fIEMf0xgVXA940TUb-nmq6JqK0dU7l6VGZKSldrsHGeRi59mFXUa/s320/website+menu+6.png" title="Bit BOx Menu" width="245" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b style="color: #38761d;"&gt;CSS CODE:
&lt;/b&gt;&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt; 

#cssmenu {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-width: 1px;

	}
#cssmenu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
#cssmenu li a {
	height: 32px;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;
	}	
	
#cssmenu li a:link, #cssmenu li a:visited {
	color: #FFFFFF;
	display: block;
	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphWOHU-h3ZZ2TFpEeTtV5pBqmyBuu_byPf2DRtX508e5mW1EmWxHC0cBrl9szU31P5UD41-U1HL6sEJcP63inXOUERVs8eWtzNDq2ipu3qKNF6_mxi84DKQwJxRteCkfe_NkJUJZbUp2T/s1600/v6.gif);
	background-repeat:no-repeat;
	padding: 8px 0 0 50px;
	}
	
#cssmenu li a:hover {
	color: #666666;
	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphWOHU-h3ZZ2TFpEeTtV5pBqmyBuu_byPf2DRtX508e5mW1EmWxHC0cBrl9szU31P5UD41-U1HL6sEJcP63inXOUERVs8eWtzNDq2ipu3qKNF6_mxi84DKQwJxRteCkfe_NkJUJZbUp2T/s1600/v6.gif) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 50px;
	}
	
#cssmenu li a:active {
	color: #666666;
	background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgphWOHU-h3ZZ2TFpEeTtV5pBqmyBuu_byPf2DRtX508e5mW1EmWxHC0cBrl9szU31P5UD41-U1HL6sEJcP63inXOUERVs8eWtzNDq2ipu3qKNF6_mxi84DKQwJxRteCkfe_NkJUJZbUp2T/s1600/v6.gif) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 50px;
	}&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;HTML CODE:
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt;&lt;div id='cssmenu'&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;div style="color: #38761d; text-align: center;"&gt;
&lt;b&gt;8.Salmon Menu&lt;/b&gt;&lt;/div&gt;
&lt;hr /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="Simple Css Vertical menu bar, vertical menu bar examples" border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifDCYQhiHiyEtyYYNX7WO3ai1KTyOA5gUnxpq0UOFQGOGAtGuKY3JyjZrl2X3g-A4tvxuHtmlDfV0LtIj4P4oUPTkemASLq36AZOPlq5nsbfIK7wq_9DKybEa_yE5Z52_9fT-k_xC_yMGd/s320/website+menu+2.png" title="Salmon Menu bar" width="195" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b style="color: #38761d;"&gt;CSS CODE:
&lt;/b&gt;&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt; 
/* GT stylesheet */
#cssmenu &gt; ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#cssmenu &gt; ul {
	display: block;
	position: relative;
	width: 150px;
}

	/* The list elements which contain the links */
	#cssmenu &gt; ul li {
		display: block;
		position: relative;
		margin: 0;
		padding: 0;
		width: 150px;	
	}

		/* General link styling */
		#cssmenu &gt; ul li a {
			/* Layout */
			display: block;
			position: relative;
			margin: 0;
			border-top: 1px dotted #3a3a3a;
			border-bottom: 1px dotted #1b1b1b;
			padding: 11px 20px;
			width: 110px;

			/* Typography */
			font-family: Helvetica, Arial, sans-serif;
			color: #d8d8d8;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: 0 1px 1px #000;
			font-size: 13px;
			font-weight: 300;
			

			/* Background &amp; effects */
			background: #282828;
		}

		/* Rounded corners for the first link of the menu/submenus */
		#cssmenu &gt; ul li:first-child&gt;a {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top: 0;
		}

		/* Rounded corners for the last link of the menu/submenus */
		#cssmenu &gt; ul li:last-child&gt;a {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-bottom: 0;
		}


		/* The hover state of the menu/submenu links */
		#cssmenu &gt; ul li&gt;a:hover, #cssmenu &gt; ul li:hover&gt;a {
			color: #fff;
			text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
			background: #f06343;
			background: -webkit-linear-gradient(bottom, #f06343, #f27d63);
			background: -ms-linear-gradient(bottom, #f06343, #f27d63); 
			background: -moz-linear-gradient(bottom, #f06343, #f27d63);
			background: -o-linear-gradient(bottom, #f06343, #f27d63);
			border-color: transparent;
		}

		/* The arrow indicating a submenu */
		#cssmenu &gt; ul .has-sub&gt;a::after {
			content: '';
			position: absolute;
			top: 16px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #d8d8d8; 
		}

		/* The same arrow, but with a darker color, to create the shadow effect */
		#cssmenu &gt; ul .has-sub&gt;a::before {
			content: '';
			position: absolute;
			top: 17px;
			right: 10px;
			width: 0px;
			height: 0px;

			/* Creating the arrow using borders */
			border: 4px solid transparent;
			border-left: 4px solid #000;
		}

		/* Changing the color of the arrow on hover */
		#cssmenu &gt; ul li&gt;a:hover::after, #cssmenu &gt; ul li:hover&gt;a::after {
			border-left: 4px solid #fff;
		}

		#cssmenu &gt; ul li&gt;a:hover::before, #cssmenu &gt; ul li:hover&gt;a::before {
			border-left: 4px solid rgba(0, 0, 0, .3);
		}

	
		/* THE SUBMENUS */
		#cssmenu &gt; ul ul {
			position: absolute;
			left: 150px;
			top: -9999px;
			padding-left: 5px;
			opacity: 0;
			/* The fade effect, created using an opacity transition */
			-webkit-transition: opacity .3s ease-in;
			-moz-transition: opacity .3s ease-in;
			-o-transition: opacity .3s ease-in;
			-ms-transition: opacity .3s ease-in;
		}

		/* Showing the submenu when the user is hovering the parent link */
		#cssmenu &gt; ul li:hover&gt;ul {
			top: 0px;
			opacity: 1;
		}&lt;/textarea&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;HTML CODE:
&lt;/b&gt;&lt;/div&gt;
&lt;textarea readonly="readonly" style="height: 109px; width: 579px;"&gt;&lt;div id='cssmenu'&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Menu 2&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;About&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href='#'&gt;&lt;span&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/textarea&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So these The End. If you face any problem to add these menu on your site just tell me on the comment section.&amp;nbsp; 
&lt;br /&gt;
&lt;br /&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkQQoMNkmeD99yX984XNjHR1t3baCJ59ZzRpim4R7ifA3NYrR16Ocb_3FX4dAdYejQH6Si_23O0p66iz4oA0-xlqARA1OnZrTw6YWP7Mf1eQ9uV0A4-uc-8ewlnstsR1iKUtaZkwSvpvCp/s72-c/Css-vertical-menu.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">16</thr:total></item><item><title>5 ways to Improve your Graphics Design skill quickly</title><link>http://gaietytech.blogspot.com/2012/11/ways-to-improve-your-graphics-design-skill.html</link><category>Freelancing</category><category>Graphics Design</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Tue, 13 Nov 2012 01:50:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-1415441362875968325</guid><description>&lt;div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"&gt;
&lt;img alt="Graphics Design skill, Design skill, skill, improve skill, Graphics design tips" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghWZPo8dXR8yDogRgYBq5aEV3G-4B3xn3H7O1ZslRkw8KbVAuvzjC5KxrhwTquY_iwv2e1mAr0xbBev_Z5AQ0D3oKawO6ddvIs8rdzY8jHLJoXRioKZYCfyVHObbB7Qkz1ce_nrI63_4lW/s320/Graphics+Design+skill.png" title="Design skill" width="320" /&gt;&lt;/div&gt;
It’s a one kind of role that, when you want to learn any program on computer you need to know about this program software. To learn &lt;a href="http://gaietytech.blogspot.com/search/label/Graphics%20Design"&gt;graphics design&lt;/a&gt; there are no alternative without Photoshop-illustrator. Become a professional graphics designer you must need to play with these two software.  
Practice yourself continuously. Creativity associated with graphic design. As well as when it is a money exchange job, your client also needs to like your work. When he like your job then he pay you. So your target is two. One is, get a good feedback from your client and second is, Praise for creative work. It’s difficult to improve your skills by your own practice. But if you follow these steps which I say on below, you can easily improve your &lt;a href="http://gaietytech.blogspot.com/2012/11/ways-to-improve-your-graphics-design-skill.html"&gt;graphics design skills&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
Find Local Work: &lt;/h2&gt;
Search your known people who need a graphics designer. Complete her work. When you complete her work, he told you the job has been done correctly or need more edit. Probably you no more know about it, so here you find a mistake now learn it quickly.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Take Part In The Online Contest:&lt;/span&gt;&lt;/h2&gt;
There are some website who arrange &lt;a href="http://gaietytech.blogspot.com/search/label/Graphics%20Design"&gt;graphics design&lt;/a&gt; contest &lt;b&gt;Ex:&lt;/b&gt; &lt;b&gt;freelancer, script lance, ThePerfectDesign&lt;/b&gt;. Here is a Advantage to join these contests that there is no need to bid any project. So you can submit your work by following there design description. There is many professional designer and they also join these competition. For this reason may be you not get any prize by lost them. But what is your target? Your target is improve your skill. So this kind of competition is very effective way to improve your graphics design efficiency. See the first prize owned design on the competition and find what is the difference between your and first prize owned logo. Try to fill up your logo misstep.&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
Try to start freelancing work:
&lt;/h2&gt;
Join any freelancing site and start bidding. Again, you may not get success on the beginning. What kind of work want a client from a freelancer, understanding that is the first target for you! Failures are the key of success. So find your Failures and solve them.&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
Teach others people
&lt;/h2&gt;
Find some visible people who want to learn graphics design work. Teach them, if you excluded any subject of designing you can easily caught it. So it also helps you improve your skill.&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
Join online community
&lt;/h2&gt;
Many online design communities in the web now, you could join them. Be active with these communities and request them to give feedback of your own work. There are many professional designers, so you improve your skill thought there feedback and which also help you to improve your other project.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
There is also some ways which i not say on the top which is, you can collect some design before start a new design for just inspiration, Read graphics design book, join seminars and conventions, Make your own blog and read other blog. &lt;br /&gt;
So here is the ways to push your skill on graphics design. It's not too hard but all is depends just on your effort, Practice, Patience. Best Regards. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghWZPo8dXR8yDogRgYBq5aEV3G-4B3xn3H7O1ZslRkw8KbVAuvzjC5KxrhwTquY_iwv2e1mAr0xbBev_Z5AQ0D3oKawO6ddvIs8rdzY8jHLJoXRioKZYCfyVHObbB7Qkz1ce_nrI63_4lW/s72-c/Graphics+Design+skill.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">6</thr:total></item><item><title>Some basic tips for a beginner about SEO</title><link>http://gaietytech.blogspot.com/2012/11/some-basic-tips-for-beginner-about-seo.html</link><category>Blogger Seo</category><category>Seo</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Tue, 6 Nov 2012 02:10:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-64230945931001276</guid><description>&lt;br /&gt;
&lt;div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"&gt;
&lt;img alt="Basic Seo, seo beginner, seo image, seo logo" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9O03S6QswZif49HlAeRhByLTZBXreazLeHTY8e5wKlWd2cGrxBjOtEG6GLnnhT-lmGyAgFPs2Ni1FQt6h8t8pKrB0qJ8tpTfrkOD6C58X1PdKNJuydfwyrBBXHq1ozeZThmCOHcbtamj/s320/basic-seo.png" title="Basic Seo Tips" width="297" /&gt;&lt;/div&gt;
As a new seo (&lt;a href="http://gaietytech.blogspot.com/search/label/Seo"&gt;Search Engine Optimization&lt;/a&gt;) beginner you must be know some basic idea about this. When you want launch a website your search engine optimization work will started before it. Because when you think you open a site what to do first?  You first choose your site topic. This is the first step.&lt;br /&gt;
&lt;br /&gt;
Before choose a site topic must you need to know something about this. You select a topic but you don’t know something about this, May be you faced some problem in future. So before choose any topic you must need that, are I preferred about this?&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;How many Step on seo?:&lt;/span&gt;&amp;nbsp;&lt;/h2&gt;
There are two step on seo. First is &lt;b&gt;On Page Seo&lt;/b&gt; and Second is &lt;b&gt;Off Page Seo&lt;/b&gt;. Below this line I try to give some idea about these.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
On Page Seo: 
&lt;/h2&gt;
&lt;hr /&gt;
The first step for a seo newbie. There is some step in On Page Seo.&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;&lt;b&gt;Before start your site thinks about your site topic&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Keyword research&lt;/b&gt;.&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Domain Name select&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Meta  tag&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Use header tag on post&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Use Image alt and internal link&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Create sitemap &lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#1►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Before start your site thinks about your site topic:&lt;/b&gt; I am already said about this on top. Choose a right topic is very important part of seo. Suppose you select a topic may be it is technology related, Business related, software related, education related, life insurance related, travel related or other things. So here I select travel topic. Can I write article about travel? Yes I can if I know something about this. So its all depend on you.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#2►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Keyword research:&lt;/b&gt; Now you need to research some keyword with your site related topic. Keyword research is a not easy work. Before select a keyword you need to check the selected keyword monthly search, ppc (Pay per click), and many thing. The best keyword research tool is &lt;a href="https://adwords.google.com/o/KeywordTool" target="_blank"&gt;google Keyword Tool&lt;/a&gt;.
We will write a article about keyword research soon.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#3►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Domain Name:&lt;/b&gt; Some days ago google run their new Algorithm. Which is EMD ( Extract Match Domain). If you buy a domain which is extract match your site keyword may be you will affected this EMD update. So when buy a domain try to select a name that is not match your keyword. Before EMD update many people buy their domain which extractly match their keyword and they already penalized for it.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#4►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Meta Tag:&lt;/b&gt; Write your site full description within 150 word. In this 150 word write what is your site topic or why this site. For that people can easily know about your site. If you using blogger platform see &lt;a href="http://gaietytech.blogspot.com/2012/10/add-meta-tag-on-blogger.html"&gt;this post&lt;/a&gt; to add meta tag on blogger.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#5►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Using Header tag:&lt;/b&gt; On your every blog post use header tag. This is one of the part of On-page seo. Here is some header tag H1, H2, H3, H4, H5 etc. These are the most uses header tag. But most important tag is H1, H2, H3.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#6►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Image Optimization and internal link building:&lt;/b&gt; Upload your article related image and use alt tag on it. Its helps to get traffic from image search engine. 
internal link building helps to minimize your site bounce rate, helps crawler to read other post, also your reader may be interest to read your internal linked post.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#7►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Sitemap:&lt;/b&gt; Sitemap is a list of pages of a web site accessible to crawlers or users. There are two type of sitemap. One is Xml and one is Html. To submit your website sitemap on google go to google webmaster tool.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
Off-page Seo:
&lt;/h2&gt;
&lt;hr /&gt;
The second part of seo. There are no limit on Off-page seo. It’s a continues process.  Here i give some basic step on off-page seo.&lt;br /&gt;
&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;&lt;b&gt;Forum posting&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Social bookmarking&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Directory submission&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Rss Feed Submission&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Blog comment&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;Article submission etc…&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#1►&lt;/span&gt;&lt;/b&gt;&lt;b&gt;Forum Posting:&lt;/b&gt; Find your site related forum and post your idea or problem on here. Add your site url on your profile signature. It will help to get some unique visitor and also you get high quality back link.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#2►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Social bookmarking:&lt;/b&gt; Social bookmarking is the very easy way to get a do follow backlink and also some visitor. Its helps to index your post quickly on google. There are many social bookmarking site on the web world now. Join these site and share your every article on there.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#3&amp;amp;4 ►&lt;/span&gt;&lt;/b&gt; &lt;b&gt;Directory and rss submission:&lt;/b&gt;  Directory and rss submission is a key part of your search engine strategy is to get quality inbound links coming in to your site. When submit a site on there try to submit your site on the right category.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#5►&lt;/span&gt;&lt;/b&gt; &lt;b&gt; Blog commenting:&lt;/b&gt; Before comment other blog post first try to read the article carefully. Then try to comment about article topic. Don’t leave a lame comment like ‘nice post, thank you, great article etc.’&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&lt;span style="color: #38761d;"&gt;#6►&lt;/span&gt;Article submission:&lt;/b&gt; Write a good article and submit it on major article directory. Do not publish one article on many directory. Google may be punished you for this.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So that is my basic tips about seo for newbie. Try to follow this. May be you succeed on your blogging career.take care, Happy Blogging :)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja9O03S6QswZif49HlAeRhByLTZBXreazLeHTY8e5wKlWd2cGrxBjOtEG6GLnnhT-lmGyAgFPs2Ni1FQt6h8t8pKrB0qJ8tpTfrkOD6C58X1PdKNJuydfwyrBBXHq1ozeZThmCOHcbtamj/s72-c/basic-seo.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">7</thr:total></item><item><title>How to drive More Traffic From Facebook</title><link>http://gaietytech.blogspot.com/2012/11/drive-more-traffic-from-facebook.html</link><category>Facebook Tips</category><category>Social Media</category><category>Traffic Tips</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Fri, 2 Nov 2012 05:25:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-2755488164583465733</guid><description>&lt;br /&gt;
&lt;div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"&gt;
&lt;img alt="traffic from facebook , referral traffic, how to get traffic from facebook, increase traffic, " border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwN8rF0UxC_H2Fugg-ot82tmqxb_aOTfSCfuQyMatn3XY6LJw8hOrjiGqVBP5occChZpDtR3GS8R5Jl5d60cImuTgg8dLEje83A44m9wLtPSUNejtEEIi0geiXlzk_Nmp7hXS83ulmZBU9/s320/traffic-from-fb.png" title="Traffic from facebook" width="320" /&gt;&lt;/div&gt;
&lt;br /&gt;
Facebook is the number one social network site at now, no doubt about this. Some days ago its got worldwide #1 position site on alexa. Facebook is not only a &lt;a href="http://gaietytech.blogspot.com/search/label/Social%20Media"&gt;social networking&lt;/a&gt; site its also helps to success your business, get traffic on your site, promote your product on worldwide. At now many people addicted on social networking sites, Because they are find everything from one site. So here is a opportunity to use these people and Increase your site traffic. You need to just find them who interested about your topics and promote your product.&lt;br /&gt;
&lt;br /&gt;
I am using facebook At least four years. I see various kinds of people who like to connect with her friend and also searching something which he love. Suppose you are when first join on facebook, what you did? Of course want to find your new friends also If you like cricket game may be you search cricket news, cricket legend, or your favorite cricket star. Facebook is the place to branding your site, product etc. Today I give you some tips to get more visitor on your website via facebook.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
1. &lt;span style="color: #38761d;"&gt;Make a Informative Facebook Profile&lt;/span&gt; 
&lt;/h2&gt;
&lt;hr /&gt;
This is very good thing. Make your profile like a professional. People can understand who you, what you like to do. Add your all information on your profile. Also don’t forget to make your profile is public visible. Or if you don’t want to share your own profile then make two profile one for you and one for your business.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
2. &lt;span style="color: #38761d;"&gt;Always try to active&lt;/span&gt;
&lt;/h2&gt;
&lt;hr /&gt;
Post your profile wall regularly. Update status, add photo and tag it with your friend. Like and comment your friend post, visit there site, join there group, community and always support them. This is a great way to get more fans.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
3.&amp;nbsp;&lt;span style="color: #38761d;"&gt;Join your site related group and page 
&lt;/span&gt;&lt;/h2&gt;
&lt;hr /&gt;
If your site topics seo. Then you need to join your topics related group and page. There are you find a lots of community about your topics. When they ask any question or facing any problem try to solve it. Don’t start spamming any group or page. Just do your work and help them continuously. After some days late may be you will make a helpful person for them.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
4.&amp;nbsp;&lt;span style="color: #38761d;"&gt;Make your site fan page
&lt;/span&gt;&lt;/h2&gt;
&lt;hr /&gt;
This is common think. All we do this. But after creating a &lt;a href="https://www.facebook.com/pages/Gaiety-Tech/486336474733985" rel="nofollow" target="_blank"&gt;fan-page&lt;/a&gt; many people just share his website link or promote his product. Yes its need to share or promote your product or article with your fans because you made this page for this reason. But if you also give them some extra informative status may be they will happy about this. At last one thing you must follow that, don’t forget update your page regularly.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
5. &lt;span style="color: #38761d;"&gt;Use facebook Advertisement&lt;/span&gt;
&lt;/h2&gt;
&lt;hr /&gt;
If you have money and you  don’t able to get &lt;a href="http://gaietytech.blogspot.com/search/label/Traffic%20Tips"&gt;traffic by natural way&lt;/a&gt; , you can use facebook ads. Face book always helps their ads partner to find his right customer or fan.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
6.&amp;nbsp;&lt;span style="color: #38761d;"&gt;Find out some helpful facebook apps
&lt;/span&gt;&lt;/h2&gt;
&lt;hr /&gt;
Search your business related some facebook apps and use it (ex: if you have a website and its fan page but not enough time to update or share your recent article with your fans you can use &lt;a href="https://www.facebook.com/apps/application.php?id=232775914688" rel="nofollow" target="_blank"&gt;&lt;b&gt;dlvr.it&lt;/b&gt;&lt;/a&gt;  apps. It’s can automatically share your recent article on your fan page). Using any apps also help to save your time.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
7.&amp;nbsp;&lt;span style="color: #38761d;"&gt;Create a facebook group
&lt;/span&gt;&lt;/h2&gt;
&lt;hr /&gt;
May be you can find many facebook group on your related topics. But you have a own group about your topics this will help to get permanent traffic. Find your targeted user and invite them.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
8.&lt;span style="color: #38761d;"&gt;Use some social share plugin on your site&lt;/span&gt;
&lt;/h2&gt;
&lt;hr /&gt;
Using some social plugin is a great way to drive your traffic. Add fb like and send button on your every post. When any visitor like or send your post link on facebook, some people may be also interested to read this so he come on your site.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
So here are the tips that I know, to get traffic from facebook. If you have any idea about this you can share it on comment.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwN8rF0UxC_H2Fugg-ot82tmqxb_aOTfSCfuQyMatn3XY6LJw8hOrjiGqVBP5occChZpDtR3GS8R5Jl5d60cImuTgg8dLEje83A44m9wLtPSUNejtEEIi0geiXlzk_Nmp7hXS83ulmZBU9/s72-c/traffic-from-fb.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">3</thr:total></item><item><title>Add a optimized professional meta tag on your blogger blog</title><link>http://gaietytech.blogspot.com/2012/10/add-meta-tag-on-blogger.html</link><category>Blogger Seo</category><category>Seo</category><category>Webmaster Tips</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Mon, 29 Oct 2012 04:10:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-2929166334072567482</guid><description>&lt;br /&gt;
&lt;div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"&gt;
&lt;img alt="meta tag, meta tag genarator, meta tag example, meta tag example description, meta tag seo" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBtH4iOdB238OBSYXGdsHKBV0SNa_Ufwm7uuoaaF332TJbdjX-LYBFPss9NQSV9hyphenhyphenQtDf4AQHGVpaXOoswXWX2_wzDFXlV_0OR97bcCPYFJLyEtB_DG8AOi838pDqMoiWvxtbDw7xsMkQ/s320/meta+tag.png" title="Meta Tag " width="305" /&gt;&lt;/div&gt;
Before adding meta tag on your blogger/blogspot lets know something about meta tag and how a meta tag working with your site &lt;a href="http://gaietytech.blogspot.com/search/label/Seo" target="_blank"&gt;Seo&lt;/a&gt;. 
Basically meta tag is one of the part of Ofpage seo also a basic part of seo. Mata tag other name is meta element, metadata. Metadata is really needed to make your site seo friendly. 
Mata tag or meta element not take any effect on your site design and you not show it when you viewing your site. But its provider search crawler Specific information about the content of your site.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
Meta Tag for blogger/ BlogSpot blog
&lt;/h2&gt;
#1► To add meta data on your blogger platform blog. Go go &lt;b&gt;Blogger home &amp;gt; Template &amp;gt; Edit Html &amp;gt; Proceed.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
#2► Before start editing please take a backup of your template.&lt;br /&gt;
&lt;br /&gt;
#3► Now find these following code. (Press Ctrl+F)&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="gtcode"&gt;&amp;lt;b:include data='blog' name='all-head-content'/&amp;gt;&lt;/pre&gt;
&lt;br /&gt;
&lt;b&gt;And&lt;/b&gt;
&lt;br /&gt;
&lt;pre class="gtcode"&gt;&amp;lt;b:skin&amp;gt;&amp;lt;![CDATA[/*&lt;/pre&gt;
&lt;br /&gt;
&lt;b&gt;Select all text in the above two code, and Delete this.&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;nbsp;&lt;/b&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="example html code, meta code" border="0" height="79" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie1htdO1lilIWd1Yb1VyplP3n7jhkL4v78a_6js8sB7Xymt9MdwTeugafS96vHW6Lj0Nip-eNvlxwsgxfP7-u3sY8620nkeMUTUlxTRRooC4eexVrGwelpxRLhxHPuUvInrP44nSZH2LnL/s320/example.png" title="Delete these selected code" width="320" /&gt;&lt;/div&gt;
&lt;br /&gt;
#4► Now Find this &lt;b&gt;&lt;span style="background-color: #ffd966;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/b&gt; (Press Ctrl+F). Paste the Bellow codes on just under the &lt;b&gt;&lt;span style="background-color: #ffd966;"&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/b&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="gtcode"&gt;&amp;lt;b:include data='blog' name='all-head-content'/&amp;gt;
&amp;lt;b:if cond='data:blog.url == data:blog.homepageUrl'&amp;gt;
&amp;lt;meta content='&lt;span style="color: red;"&gt;Write Your Blog Description Here&lt;/span&gt;' name='description'/&amp;gt;
&amp;lt;meta content='index, follow' name='robots'/&amp;gt;
&amp;lt;meta content='all' name='audience'/&amp;gt;
&amp;lt;meta content='general' name='rating'/&amp;gt;
&amp;lt;meta content='all' name='robots'/&amp;gt;
&amp;lt;meta content='&lt;span style="color: red;"&gt;Write Your Name Here&lt;/span&gt;' name='author'/&amp;gt;
&amp;lt;meta content='&lt;span style="color: red;"&gt;Write Your Blog Language Here&lt;/span&gt;' name='language'/&amp;gt;
&amp;lt;meta content='&lt;span style="color: red;"&gt;Write Your Country Name Here&lt;/span&gt;' name='country'/&amp;gt;
&amp;lt;meta content='global' name='distribution'/&amp;gt;
&amp;lt;/b:if&amp;gt;

&amp;lt;!-- Start &lt;span style="color: red;"&gt;www.gaietytech.blogspot.com&lt;/span&gt;: &lt;span style="color: red;"&gt;Give Your Blog Title here&lt;/span&gt; --&amp;gt;
&amp;lt;b:if cond='data:blog.pageType == "index"'&amp;gt;
&amp;lt;title&amp;gt;&amp;lt;data:blog.pageTitle/&amp;gt;&amp;lt;/title&amp;gt; 
&amp;lt;b:else/&amp;gt;
&amp;lt;title&amp;gt;&amp;lt;data:blog.pageName/&amp;gt; ~ &amp;lt;data:blog.title/&amp;gt;&amp;lt;/title&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;!-- End &lt;span style="color: red;"&gt;www.gaietytech.blogspot.com&lt;/span&gt;: &lt;span style="color: red;"&gt;Give Your Blog Title here&lt;/span&gt; --&amp;gt;

&amp;lt;link href='&lt;span style="color: red;"&gt;Write Your Favicon URL&lt;/span&gt;' rel='shortcut icon' type='image/vnd.microsoft.icon'/&amp;gt;

&amp;lt;b:skin&amp;gt;&amp;lt;![CDATA[/*
&lt;/pre&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;How To Edit These Code?&lt;/span&gt;

&lt;/h2&gt;
1.On The &lt;b&gt;Write Your Blog Description Here&lt;/b&gt;, Write your site description.
&lt;br /&gt;
&lt;br /&gt;
2. On the &lt;b&gt;robots tag&lt;/b&gt; you no need to change anything. By default google index your post perfectly.&lt;br /&gt;
&lt;br /&gt;
3. Audience, By default i set this &lt;b&gt;All&lt;/b&gt;. If you want to change it write your specific location.&lt;br /&gt;
&lt;br /&gt;
4. On the &lt;b&gt;Rating, robots,&lt;/b&gt; tags no need to change these.&lt;br /&gt;
&lt;br /&gt;
5. &lt;b&gt;Write Your Name Here&lt;/b&gt;, on this point write your site author name.&lt;br /&gt;
&lt;br /&gt;
6. Now edit language tag. What is the language of your site? If English then write &lt;b&gt;En&lt;/b&gt;. Or other language you can visit &lt;a href="http://www.mcanerin.com/EN/articles/meta-language.asp" rel="nofollow" target="_blank"&gt;here&lt;/a&gt; for code.&lt;br /&gt;
&lt;br /&gt;
7. Give your country short code on &lt;b&gt;Country &lt;/b&gt;tag (ex: USA,UK)&lt;br /&gt;
&lt;br /&gt;
8. Not need to change the &lt;b&gt;distribution&lt;/b&gt; tag.&lt;br /&gt;
&lt;br /&gt;
9. After finish editing these code now edit ( &lt;b&gt;&amp;lt;-- &lt;/b&gt;Start&lt;b&gt; www.gaietytech.blogspot.com&lt;/b&gt;:&lt;b&gt; Give Your Blog Title here --&amp;gt; &lt;span style="color: #38761d;"&gt;And&lt;/span&gt; &amp;lt;-- &lt;/b&gt;End&lt;b&gt; www.gaietytech.blogspot.com&lt;/b&gt;:&lt;b&gt; Give Your Blog Title here --&amp;gt;&lt;/b&gt; ) these code. Romove our site url and give your site link and Title.&lt;br /&gt;
&lt;br /&gt;
10. Change the &lt;b&gt;Write Your Favicon URL&lt;/b&gt; and give your site favicon image url.&lt;br /&gt;
&lt;br /&gt;
Save it. You are all done.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Now speak your mind and tell me if you facing any problem to add or edit this.&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBtH4iOdB238OBSYXGdsHKBV0SNa_Ufwm7uuoaaF332TJbdjX-LYBFPss9NQSV9hyphenhyphenQtDf4AQHGVpaXOoswXWX2_wzDFXlV_0OR97bcCPYFJLyEtB_DG8AOi838pDqMoiWvxtbDw7xsMkQ/s72-c/meta+tag.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">6</thr:total></item><item><title>5 Tips for a freelancer to make a good relation with your Client</title><link>http://gaietytech.blogspot.com/2012/10/make-good-relation-with-your-Client.html</link><category>Freelancing</category><category>Make Money Online</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 27 Oct 2012 05:13:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-9150392966785130069</guid><description>&lt;div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"&gt;
&lt;img alt="business Relation, Buyer and Freelancer , Freelancer , Money making tips" border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRkR_fEXiGCdogVcvdmwV38ua6uFGT15cejiuBbqrhk79xQJrf_a3TRFEWjE9ice9T4dvuEwh6zqUob_2-4IUS6ZG5jPpLGFuhluCaKgTKSXmmy4EdTKDjcRztZM77l-X7ZjAcNuCKDG0d/s320/relation-buyer-freelancer.png" title="Relation between Buyer and Freelancer " /&gt;&lt;/div&gt;
Buyer is the god of a Business. A successful Business is depend on buyer. No buyer no business and no money. So when a buyer say anything on you, you need to always support her.

If you are an writer, &lt;a href="http://gaietytech.blogspot.com/search/label/Web%20Design"&gt;Web designer&lt;/a&gt;, Logo designer or something like this then this subject aren’t so easy. You written a article or design anything by your own creativity but client need more different or its not seems like which he want. Such this kind of situation you can comply with some certain rules.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;&lt;span style="color: black;"&gt;#1►&lt;/span&gt; Follow international rules&lt;/span&gt;&amp;nbsp;&lt;/h2&gt;
International rules are not space and time, all conditions are equally recognized. When you work on internet as a Freelancer you comply with the rules. Here are some common rules. You may not learn all rules in one day. Its need some time. 
Join freelancer.com or odesk.com, Apply for a job or read the description on the job. Example, you want to a job may be logo design. So on the logo design job, client give some description to how you design his logo Ex: Style(Text, Text+image, logo), Color(What color is specified, what color will not), where it will use(web page, ad banner, or other place) etc. After get a job, make a list that what is need to know about this job before start working and find out it from your client.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
#2► &lt;span style="color: #38761d;"&gt;Understand the client's attitude&lt;/span&gt;&amp;nbsp;&lt;/h2&gt;
Always try to find out client’s attitude. Most of the client’s first say you that, “he do not understand about this work, do it yourself”. After you completed his work he start to find bug on your work and you work continue to make changes.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
&lt;span style="color: black;"&gt;#3►&lt;/span&gt; Keep the time specified&amp;nbsp;&lt;/h2&gt;
Before beginning a work first select a time when you can completed this job, complete your work on this time. Do not extend your time for client’s request (without any special matter) . As a freelancer if you delay extra one day on your own work remember this you will damage your tomorrow work by yourself. So do not extend your time.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: black;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #38761d;"&gt;&lt;span style="color: black;"&gt;#4►&lt;/span&gt; Show samples of work before fully complete your job&lt;/span&gt;&lt;/h2&gt;
Always some difference between you and client. Before submit your final project first give a sample of your work and see what is her opinion. If you need, change it. Many people follow some special rules about this, ex: when submit a sample of your work, give it with some error which your client can easily see.&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
#5► &lt;span style="color: #38761d;"&gt;Do not give any discount on payment time&lt;/span&gt;&lt;/h2&gt;
&lt;br /&gt;
The most troublesome part on freelancer is get money. You have done your work, now client give your money perfectly do not thought about this. If you thought you may be loss. Do not work without money and not remaining any money. Some of the client’s said that when payment time is come: Now problem,  give your money two days later, two hour later etc. Do not trust him anymore.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
As a Freelancer there are no alternative without experience. You may not success on your freelancer life quickly. But bit by bit your experience will &lt;span class="short_text" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;increase, with increasing experience you find success on your &lt;/span&gt;&lt;/span&gt;Freelancing career.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRkR_fEXiGCdogVcvdmwV38ua6uFGT15cejiuBbqrhk79xQJrf_a3TRFEWjE9ice9T4dvuEwh6zqUob_2-4IUS6ZG5jPpLGFuhluCaKgTKSXmmy4EdTKDjcRztZM77l-X7ZjAcNuCKDG0d/s72-c/relation-buyer-freelancer.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Upgrade your blogger comment Box to wordpress comment box style</title><link>http://gaietytech.blogspot.com/2012/10/upgrade-your-blogger-comment-box-to-wordpress.html</link><category>Blogger Tips</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Wed, 24 Oct 2012 01:53:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-5844983723693458121</guid><description>&lt;br /&gt;
&lt;div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"&gt;
&lt;img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW46VoilYgRiw1xfkyL32d-yLrrYDSQ6HKBJef-DJf6vsx35Z1iuycncYQZOQf3s2mlYcrPNAEM752kvWVMCdTK_wucZdERmFIBFn21ZPop-0ti0_ndBOpOC56dgqkBzEk63Pf2bYoRRqn/s320/blogger+wordpress+comment+box.png" width="250" /&gt;&lt;/div&gt;
&lt;br /&gt;
Change your blogger comment box by adding a awesome wordpress style comment box. Hope you know what is Wordpress? Wordpress is a famous free open source Cms  Script for buildup a website. The comment system of wordpress blog is so nice, very easy. So why we are blogger user do not use this awesome comment box in our website? Our today &lt;a href="http://gaietytech.blogspot.com/search/label/Tutorial"&gt;tutorial&lt;/a&gt; is about adding this wordpress style comment box on blogger.

&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="comment " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilON_uXkeksFdE2nBP0foNoFhjKj-qz1uloBghUSYr_kdDG8nIKY5HOUe8ix4V8JodGw9P_yvMdovPSa-af1A-SBVgSzyLqNr9sS6Ann0TmiDxRa_Bav-42i0Kd_xJymrly-dIkXM8bWY/s1600/comment+box.png" title="Demo Comment Box" /&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://gtlab.blogspot.com/2012/10/adding-wordpress-style-comment-box.html" target="_blank"&gt;&lt;img alt="Demo, demo button, see demo, live demo" border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMOSjJ4oxQYyV8nZ3UoqBqDq4fKfVpWGKcaInhd3erGrWYKnTIE8UFg-pHrJWL_EjXUv__MpJriC6bnYTABpSzTwfnv9NPTGNvqIUxDNEWNpSJLk3czi1-AR8WSSGlOhHOovAXCdoPS-qp/s320/demo.png" title="See Demo" width="120" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/h2&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Customize  Your Blogger comment box like wordpress:&lt;/span&gt; &lt;/h2&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; First go Here &lt;a href="http://intensedebate.com/" rel="nofollow" target="_blank"&gt;Intensedebate&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Click on the signup button.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="intensedebate" border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVwX8qz1rJCQsx5lqccMvKg6tYNXYrK0r_Vn1QBcTMpLMKprU6GVFKm0nh7cdUbzOrUeR7Sb0cmP-0Oy4eYL_bkP17zZiYWd5xJd9LBwuqE8gdf827iHC4hZKRsXjU6v0-fWFsIF7E2zAo/s400/1.png" title="Upgrade your blogger comment Box" width="400" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Now write your user name (The user name use to comment on your blog, you do not change it later), enter your email and password. Before click on sign up, select what you want to do by create this account. We want to install comment box in our site so check on the second step which is – &lt;b&gt;I want to install intense Debate on my blog or website.&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="login form" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhinVT_NKZKpeitc-LkefpIgN1B-pvp7Bm_iAWLsWBpAVfom_cF5GjLn-IAGAjN_1e63crCOjSI_amKh-1jxnHazOjHUlkOuWDofbxTk6WlxDUG1pcjyffotSDx3yyeFaVZgRI6g2a1GK1c/s1600/2.png" title="Upgrade your blogger comment Box" width="400" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; A confirmation email will send on your email account. Verify your mail address. After verify your mail address you see a page look like on the bottom image. Now click on Continue with installation link.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="verify email" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtHvHgCcqP7aiUSY1I2RSK8hgWoZEHWNDsKRZjMOrEcKd_ZsaNDbrATmdpNALvEXrIDigEDwFfue32p5C-6D-aCxMcnM7KpvBJZyRStwyu5iIi2CNVSzdLGahHzNMgA77P5Pao1uc-zS7_/s400/3.png" title="Upgrade your blogger comment Box" width="400" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Give your blog url and go to next step.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="input url" border="0" height="183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjxQENDLgG6EJMmnaBKfzCEtfGFAFqWMW09vfw2fxYzCSFY9M9XAWAhOEfBd8xqV7UMPzZhnKiIZA8X16mVb_ac03soLbzbEdj6HrDU4urrY_GVlcEfeUzwZiCAGhK96ZD372wzcArCNvL/s400/4.png" title="Upgrade your blogger comment Box" width="400" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; You will see a page on the next step look like below image. Now you need to upload your full blogger template on there.&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="web page" border="0" height="294" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSN0STlojEYLxMu6Rl6d4FccWJdB4k2zBPlN_B1TNCC3o2OPDElhnxx7WCBcrc0p_QGWv6PtkpsPMPBT8sMOrPiRhL-5nuB4oaTo0q_5-axCDVHzPBDSOJatEbrf3mRx9UvVL8RNd7pPBI/s400/5.png" title="Upgrade your blogger comment Box" width="400" /&gt;&lt;/div&gt;
&lt;br /&gt;
Go to your &lt;b&gt;Blogger Dashboard&lt;/b&gt;&amp;gt;&lt;b&gt;Template&lt;/b&gt;&amp;gt;&lt;b&gt;Backup or Restore&lt;/b&gt; and Download your full template on your pc. 
Now on this page you need to upload your just downloaded website Template. No need to change anything on this page. Just upload your template and click continue.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; After finish upload template, they edit your template automatically and add the comment box on your template. You now just need to copy all these Selected (Press Ctlr+A) code.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="copy html code" border="0" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMTf2RCXZuKu_0OjUFIZVrRnwnIjW3Ct7W0WtzIXsUn1mnqr9ZPEWtiBHOeVFiEDI1tFWOlgRiwpl4KZV24umrcxK125pe0mDne9lPif0NQ8ixUJu6-Jcdl7-YzQ725rA71JQJ2W9OO0Ha/s400/7.png" title="Upgrade your blogger comment Box" width="400" /&gt;&lt;/div&gt;
&lt;br /&gt;
Go to your Blogger &lt;b&gt;Dashboard&lt;/b&gt;&amp;gt; &lt;b&gt;Template&lt;/b&gt;&amp;gt; &lt;b&gt;Edit Html&lt;/b&gt;&amp;gt; &lt;b&gt;Proceed&lt;/b&gt;. Select all the code of html box (Press Ctlr+A) and paste the copied code above the selected code. Save your Template. Your all done :)&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; To change your comment box style, setting, add or remove many options just go to your Intense debate account Dashboard.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;img alt="account dashboard" border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmL5ueCfe45f2zygQrmxuHJGk6NKFrekPfTGmbLJZJQA95fhBteOv1i8pBur7LpGOTa2gGJLm87hdrr0QyX1aWS4HCK8ARn2AH7QUsjlbCnq78tVPeC8A3oiTwO5sR8spzWKVdZ_mv4JFI/s400/8.png" title="Upgrade your blogger comment Box" width="400" /&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
To remove this comment box from your blog after installing, Just upload your previous downloaded template.&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp; &lt;br /&gt;
Let me know how you enjoying this awesome Comment box.&lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW46VoilYgRiw1xfkyL32d-yLrrYDSQ6HKBJef-DJf6vsx35Z1iuycncYQZOQf3s2mlYcrPNAEM752kvWVMCdTK_wucZdERmFIBFn21ZPop-0ti0_ndBOpOC56dgqkBzEk63Pf2bYoRRqn/s72-c/blogger+wordpress+comment+box.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">29</thr:total></item><item><title>Simple Tricks to Push Up Google Page Rank on your site</title><link>http://gaietytech.blogspot.com/2012/10/simple-tricks-to-push-up-google-page-rank.html</link><category>Seo</category><category>Webmaster Tips</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Tue, 23 Oct 2012 01:20:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-7789297551004003185</guid><description>&lt;div style="text-align: left;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHnXyFZxlbXnC6VZNhZIDpQG3Uqmu__2C8hy6V9jr7Ko0C-Ko2dYyO7PgKo8X256OsXpByu6FuTjDGY4dmLAmixeVePYe93sEvZaW_k_-lkAKIMDqZsPCtsWLRMS-mWGytdmYsG7QlZzs2/s1600/push-up.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img alt="google pagerank, push up google pr, optimize google pagerank" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHnXyFZxlbXnC6VZNhZIDpQG3Uqmu__2C8hy6V9jr7Ko0C-Ko2dYyO7PgKo8X256OsXpByu6FuTjDGY4dmLAmixeVePYe93sEvZaW_k_-lkAKIMDqZsPCtsWLRMS-mWGytdmYsG7QlZzs2/s320/push-up.png" title="Google Page rank push up" width="250" /&gt;&lt;/a&gt;&lt;/div&gt;
Growth your site google page rank by following these tips. Now a days pagerank not doing any important role for your site SERP result. But its necessary to indicates  the importance of your web page. Here I giving you some tips from my experience to optimize your site google page rank.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #274e13;"&gt;Onpage Seo:&lt;/span&gt;&amp;nbsp;&lt;/h2&gt;
Check your site onpage seo is fully completed. Make your site search engine friendly. Create your site &lt;a href="http://gaietytech.blogspot.com/2012/10/add-meta-tag-on-blogger.html"&gt;Meta Description&lt;/a&gt;, Meta Keyword, Submit your website sitemap on google Webmaster Tools. Add at last two Internal Link on your every article of blog post. Internal Link Building is also helpful to Push down your website Bounce rate. Use Nofollow alt on other external link. Make your site also user friendly. On your blog add recent post widget, popular post widget, Category etc. For this reason your site visitor can easily access your site and page rank algorithm also give a benefit of your site. 

&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #274e13;"&gt;Write Unique Article:&lt;/span&gt;&amp;nbsp;&lt;/h2&gt;
This is a very important things now a days. You need to write unique article and update your blog regularly.  Unique article  is the one of the best way to get a high Page Rank without doing hardworking &lt;a href="http://gaietytech.blogspot.com/search/label/Seo"&gt;seo&lt;/a&gt; . Also always avoid copy paste post. Try hard to write yourself. Many example on the web that they got &lt;a href="http://gaietytech.blogspot.com/2012/10/simple-tricks-to-push-up-google-page-rank.html"&gt;google page rank&lt;/a&gt; without any high quality backlink or doing other seo method. Do you know why? This is only for his article. Because article is always king for a site. 
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #274e13;"&gt;Social Share:&lt;/span&gt;&amp;nbsp;&lt;/h2&gt;
After post your article on your blog, share it on social networking site facebook, Google plus, twitter etc. This will give you some traffic and also crawler can quickly index your post.  
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #274e13;"&gt;Link Building:&lt;/span&gt;&amp;nbsp;&lt;/h2&gt;
At last we are now talking about link building. Always try to build your link on relevant site. One relevant back link is more helpful than five irrelevant backlink. irrelevant backlink is also needed, but not too many!&lt;br /&gt;
Also try to build your site link on high pr dofollow website.When doing link building work on anywhere, do not start spamming on there. Always try to build your link naturally.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Say me your experience about pushing any site Page Rank.&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHnXyFZxlbXnC6VZNhZIDpQG3Uqmu__2C8hy6V9jr7Ko0C-Ko2dYyO7PgKo8X256OsXpByu6FuTjDGY4dmLAmixeVePYe93sEvZaW_k_-lkAKIMDqZsPCtsWLRMS-mWGytdmYsG7QlZzs2/s72-c/push-up.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">13</thr:total></item><item><title>Make your own java Application (.Jar/.Jad) Without any programming  knowledge.</title><link>http://gaietytech.blogspot.com/2012/10/make-your-own-java-application.html</link><category>Mobile tips</category><category>Review</category><category>Tutorial</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Sat, 20 Oct 2012 03:11:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-580277420027408276</guid><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQi5FTINH2Ebl_yFu8z4JvlYGU3yvf2UqtObmIkItNXO529xmKy5IoDb1BeCagCog0MLlgdDBaPpi0F0N9h6kNfJqt32O8sXJylN2v58XiYT9JIRpquadTT1EefUoOtaurlAJ0bMZRDwI4/s1600/own+midlet.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img alt="java programing, create java software" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQi5FTINH2Ebl_yFu8z4JvlYGU3yvf2UqtObmIkItNXO529xmKy5IoDb1BeCagCog0MLlgdDBaPpi0F0N9h6kNfJqt32O8sXJylN2v58XiYT9JIRpquadTT1EefUoOtaurlAJ0bMZRDwI4/s320/own+midlet.png" title="Make your own java apps" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;h3&gt;
How to make a java software? How to create a .jar application? How can I make java application for my java mobile 

without any any experience in J2ME programming?&lt;/h3&gt;
All these question answer you can find on this post. Here is a one website for you to create you java software easily.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
&lt;a href="http://www.ownmidlet.com/" rel="nofollow" target="_blank"&gt;&lt;b&gt;&lt;i&gt;www. Ownmidlet.com &lt;/i&gt;&lt;/b&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Most modern mobile phones are support java language. So you can use your created .jar application on your java 

supported handset. Its very easy to make a simple application by using this website. Now we are going to see how can 

we make a java software without any programming knowledge.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; First Go &lt;a href="http://www.ownmidlet.com/" rel="nofollow" target="_blank"&gt;Here&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Register on the site using your email address, confirm your email address and completed the registration process. &lt;br /&gt;
Now login on your account. &lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Click on the project Tab. Give A name of your new project.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9buM54FzNzZqa30bLhxQAS2YrIKGYG6ygxU-LNBBIyq9kARyGIc2wvj1TsaZarUaudiu_quXwQ6wKyH8pLyhIaM5fO7_v5HoTSurYUTB6KCCULB4k7vqdAcmMajVE1Wd_o3Gn48Kc7eif/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9buM54FzNzZqa30bLhxQAS2YrIKGYG6ygxU-LNBBIyq9kARyGIc2wvj1TsaZarUaudiu_quXwQ6wKyH8pLyhIaM5fO7_v5HoTSurYUTB6KCCULB4k7vqdAcmMajVE1Wd_o3Gn48Kc7eif/s1600/1.png" title="Make your own java Application (.Jar/.Jad) Without any programming  knowledge." /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt;  Now Click on the &lt;b&gt;Create New page&lt;/b&gt; Button and give a page name of it. You can make maximum 10 page on your each project.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIuDX4uAAl7SgRy4ojAkl_PQYGDz90zPkew6ikUrQbt8eWGA4hBX5WeCnH_cMAj3XYZKNVKp9M_VyXkmXJY0yUnSx_HQJNETFILtX3n3XxBz7w0BxKZljqAkWAk-r6pa40NvT0t6zHRBTZ/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIuDX4uAAl7SgRy4ojAkl_PQYGDz90zPkew6ikUrQbt8eWGA4hBX5WeCnH_cMAj3XYZKNVKp9M_VyXkmXJY0yUnSx_HQJNETFILtX3n3XxBz7w0BxKZljqAkWAk-r6pa40NvT0t6zHRBTZ/s1600/2.png" title="Make your own java Application (.Jar/.Jad) Without any programming  knowledge." /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Now Click on the &lt;b&gt;Create Top Item&lt;/b&gt; Button.Write something on there, also you can &lt;b&gt;add picture&lt;/b&gt;, &lt;b&gt;Web link&lt;/b&gt;, &lt;b&gt;Voice Call&lt;/b&gt;,&lt;b&gt;Sms&lt;/b&gt;, &lt;b&gt;Email&lt;/b&gt; feature as you like. After completed you editing work click on &lt;b&gt;Create item&lt;/b&gt; button.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje-_ohGmcAsDCvIiAyJftyYKoxzLXHLYJLAvK10J534FaCkC0wjXet1V4s-jbwXuV8qWHi_tbggb7Cx-On0FDmv0TiIToWjlulzcYHRIRW_JOsrAESRl1WdPeQcLSpub2kJ8oxsGQx5YmJ/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje-_ohGmcAsDCvIiAyJftyYKoxzLXHLYJLAvK10J534FaCkC0wjXet1V4s-jbwXuV8qWHi_tbggb7Cx-On0FDmv0TiIToWjlulzcYHRIRW_JOsrAESRl1WdPeQcLSpub2kJ8oxsGQx5YmJ/s1600/3.png" title="Make your own java Application (.Jar/.Jad) Without any programming  knowledge." /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; You can also change the page background color, Scroll bar background color, Scroll bar slider color, Active frame color By clicking &lt;b&gt;Properties&lt;/b&gt; Button.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEyenp-LAUQ0nPiUN3oPYDegB3PciStGt8hMizT8cv9FYz1dBhX8P6bhnxml6-9mFwZK3HIGNioaj7JK5FlPLyGP-pfHAxuhtPVOQOSBn_04HxaXf2xyvVPcQ4Mz2MHupLzsTJvUclFbK/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEyenp-LAUQ0nPiUN3oPYDegB3PciStGt8hMizT8cv9FYz1dBhX8P6bhnxml6-9mFwZK3HIGNioaj7JK5FlPLyGP-pfHAxuhtPVOQOSBn_04HxaXf2xyvVPcQ4Mz2MHupLzsTJvUclFbK/s1600/4.png" title="Make your own java Application (.Jar/.Jad) Without any programming  knowledge." /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; After all editing done, Click &lt;b&gt;icon&lt;/b&gt; button and upload a icon for your this Java application. Image size allow 30*30 PX.
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcAkQwm59U3kR2TIZQJtJksWsHxnCLPf1TSnocVw0-6xHpJvbBEut0UJkupJV-n_ePgi_u5K-lsIefzwoAIPUWnq79Xk3rjdcdJOAB_RyB2bcYtrCjuDTqMe_I3NHSCw5gZoy5u2rTXJ3L/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcAkQwm59U3kR2TIZQJtJksWsHxnCLPf1TSnocVw0-6xHpJvbBEut0UJkupJV-n_ePgi_u5K-lsIefzwoAIPUWnq79Xk3rjdcdJOAB_RyB2bcYtrCjuDTqMe_I3NHSCw5gZoy5u2rTXJ3L/s1600/5.png" title="Make your own java Application (.Jar/.Jad) Without any programming  knowledge." /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Now Go to propertise tab. Give the File/application Name, Vendor Name, Version etc. After that click save Changes button.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqVd6ZRwxh5SZDJ7qfAZbiY5TtjPRh9VVgXT9TzjHKa1lHG34kvm5G8J1G7e78m62oEy7NA_6lePapW4LT_Y2cdb9NABqO2GXrkUwITz2o5WtyYOlYVOloeJM9ECStYXWbwJDBf1BAnSoW/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqVd6ZRwxh5SZDJ7qfAZbiY5TtjPRh9VVgXT9TzjHKa1lHG34kvm5G8J1G7e78m62oEy7NA_6lePapW4LT_Y2cdb9NABqO2GXrkUwITz2o5WtyYOlYVOloeJM9ECStYXWbwJDBf1BAnSoW/s1600/6.png" title="Make your own java Application (.Jar/.Jad) Without any programming  knowledge." /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; At last you are completed makeing a java software. Now click on the Build Button and Download it on Hard drive.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgreSH3LiOi0QnGhp8FBQ9O2lYMZmNPtdf_2CCXKzRPh4txVHRKvO5Wsj-kWYHuComfyvyhDYyHbNobpehyDw1jEtrZVr9EHvilCs6-AKTDlVBFryXssG_LVjCBRMnBiDTKrbhOkuuVn7jb/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgreSH3LiOi0QnGhp8FBQ9O2lYMZmNPtdf_2CCXKzRPh4txVHRKvO5Wsj-kWYHuComfyvyhDYyHbNobpehyDw1jEtrZVr9EHvilCs6-AKTDlVBFryXssG_LVjCBRMnBiDTKrbhOkuuVn7jb/s1600/7.png" title="Make your own java Application (.Jar/.Jad) Without any programming  knowledge." /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;a href="http://db.tt/UkJafCO2" rel="nofollow" target="_blank"&gt;Click Here&lt;/a&gt; to download a demo .Jar Application, Which I created when making this tutorial.&lt;/h2&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="color: #38761d;"&gt;
&lt;b&gt;A Small tips To install any .jar application Directly in java Mobile&amp;nbsp;&lt;/b&gt;&lt;/div&gt;
&lt;div style="color: black;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: black;"&gt;
You Can easily install any .jar application on your java mobile directly. First add a .Jar Application on your mobile without install. Now rename this File ( If you cannot do this use any file explore Software). You see the my name look like this &lt;b&gt;Demo_jar&lt;/b&gt;, Remove &lt;b&gt;( _ ) &lt;/b&gt;and add &lt;b&gt;( . )&lt;/b&gt;. Like this: &lt;b&gt;Demo.jar&lt;/b&gt;. Press ok and see your application is now installed! &lt;/div&gt;
&lt;div style="color: black;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: black;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: black;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: black;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: black;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: black;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="color: black;"&gt;
If you have any question fell free to ask me. Enjoy making own apps regularly :).&amp;nbsp; &lt;/div&gt;
&lt;div style="color: black;"&gt;
&lt;br /&gt;&lt;/div&gt;
</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQi5FTINH2Ebl_yFu8z4JvlYGU3yvf2UqtObmIkItNXO529xmKy5IoDb1BeCagCog0MLlgdDBaPpi0F0N9h6kNfJqt32O8sXJylN2v58XiYT9JIRpquadTT1EefUoOtaurlAJ0bMZRDwI4/s72-c/own+midlet.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">8</thr:total></item><item><title>Design your website by using Adobe Dreamweaver</title><link>http://gaietytech.blogspot.com/2012/10/design-website-by-using-Dreamweaver.html</link><category>Tutorial</category><category>Web Design</category><author>noreply@blogger.com (Anonymous)</author><pubDate>Thu, 18 Oct 2012 03:05:00 +0600</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-7057253878918212524.post-6383760861332719447</guid><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDi6vZqd4YThDS_MGHGHGplDfZQlhgYm56uXCUwuaW9TF6eWCBnyzV2-9rr_K1dLqBJF91yUUcYXlK8lSgdUwSxTsKbWsdv2Xzv5n18KrJE8gigiLXMWkCpgfndTAbzxplZex_vkttsMSJ/s1600/Adobe+Dreamweaver.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img alt="Adobe Dreamweaver tutorial, make website, create website, web design, " border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDi6vZqd4YThDS_MGHGHGplDfZQlhgYm56uXCUwuaW9TF6eWCBnyzV2-9rr_K1dLqBJF91yUUcYXlK8lSgdUwSxTsKbWsdv2Xzv5n18KrJE8gigiLXMWkCpgfndTAbzxplZex_vkttsMSJ/s320/Adobe+Dreamweaver.png" title="Adobe Dreamweaver" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;
Adobe Dreamweaver is a popular software for design a webpage. You can use both design view and code view on this software. The people who know HTML, ColdFusion, ASP.Net, they are also use  Adobe Dreamweaver, because  its some great feature. If you need a JavaScript code, but you do not know about making  JavaScript code you can easily make this by Dreamweaver Behavior. Look like this you can also use image rollover effect by this software.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;a name='more'&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Now we are going to learn how to design your webpage by using  Dreamweaver. 
First we need to learn some general info about this:&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
Is HTML learning is Needed to work on Dreamweaver?:&lt;/h2&gt;
Its very tough to answer this question. If you know HTML of course it will help you working on Dreamweaver.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span style="color: #38761d;"&gt;Using Other Software:&lt;/span&gt;&lt;/h2&gt;
Its not necessary to just use Dreamweaver to design a webpage. You can use other software like Microsoft Office, Adobe in design, etc.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 style="color: #38761d;"&gt;
Web page setup:&lt;/h2&gt;
&lt;h2 style="color: #38761d;"&gt;
&amp;nbsp;&lt;/h2&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7gGdNmWQGtBaPpO5qj2IK2Ty8Mf98EXZqJyFRNwr6Jl3L-1pQISQTj27Nyur99qvnOw3fm3or57OQZjPNsuYJDy6sXVz3a9kGOMzR2rYp4Ifc1PKzDTSWFxoEzwLYa7R1ZPQUfoiqpQRF/s1600/dw-new.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7gGdNmWQGtBaPpO5qj2IK2Ty8Mf98EXZqJyFRNwr6Jl3L-1pQISQTj27Nyur99qvnOw3fm3or57OQZjPNsuYJDy6sXVz3a9kGOMzR2rYp4Ifc1PKzDTSWFxoEzwLYa7R1ZPQUfoiqpQRF/s400/dw-new.jpg" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Run Adobe Dreamweaver on your pc. &lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;Select&lt;/span&gt; &lt;span class="hps"&gt;a&lt;/span&gt; &lt;span class="hps"&gt;screen&lt;/span&gt; &lt;span class="hps"&gt;for&lt;/span&gt; &lt;span class="hps"&gt;a wide range of&lt;/span&gt; &lt;span class="hps"&gt;options&lt;/span&gt; &lt;span class="hps"&gt;will appear&lt;/span&gt;&lt;span class=""&gt;. &lt;/span&gt;&lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;Right of&lt;/span&gt; &lt;span class="hps"&gt;the bottom &lt;/span&gt;&lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;of the&lt;/span&gt; &lt;span class="hps"&gt;screen you will find &lt;/span&gt;&lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;the files in&lt;/span&gt; &lt;span class="hps"&gt;the file&lt;/span&gt; &lt;span class="hps"&gt;tab where you can use these.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Click on the&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span style="font-size: 14pt;"&gt;Manage Sites &lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;tab.&lt;/span&gt;&lt;/span&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; A dialogue box will appear. Click on the new Button.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Now give a name of your this project and also select a folder where you keep these file. This project name will be used only while you work on Dreamweaver, you dont see the name on the final website.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Click on the server Tab, Select your connection type ex: FTP&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; After your click ok you see the new folder which is you just created.&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;span style="color: #38761d;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;h2&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;&lt;span style="color: #38761d;"&gt;For Using&amp;nbsp; Dreamweaver file and Folder you need to follow some rules: &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;
&lt;br /&gt;
&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; Do Not Start &lt;span class="short_text" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;using Capital&lt;/span&gt; &lt;span class="hps"&gt;Letter. &lt;/span&gt;&lt;/span&gt;&lt;span class="short_text" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;Capital&lt;/span&gt; &lt;/span&gt;&lt;span class="short_text" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;Letter &lt;/span&gt;&lt;/span&gt;&lt;span class="short_text" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;may be a&lt;/span&gt; &lt;span class="hps"&gt;used middle&lt;/span&gt; on the &lt;span class="hps"&gt;name&lt;/span&gt;, &lt;span class="hps"&gt;not&lt;/span&gt; &lt;span class="hps"&gt;the&lt;/span&gt; &lt;span class="hps"&gt;beginning&lt;/span&gt;&lt;span class=""&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;The beginning&lt;/span&gt; &lt;span class="hps"&gt;of a particular&lt;/span&gt; &lt;span class="hps"&gt;symbol&lt;/span&gt; &lt;span class="hps"&gt;also can not be used&lt;/span&gt;&lt;span class=""&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class=""&gt;&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;Empty&lt;/span&gt; &lt;span class="hps"&gt;space&lt;/span&gt; &lt;span class="hps"&gt;can not be placed&lt;/span&gt; &lt;span class="hps"&gt;in the&lt;/span&gt; &lt;span class="hps"&gt;name&lt;/span&gt;. &lt;span class="hps"&gt;Use&lt;/span&gt; &lt;span class="hps"&gt;the&lt;/span&gt; &lt;span class="hps"&gt;underscore&lt;/span&gt;&lt;span class=""&gt;.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="" id="result_box" lang="en"&gt;&lt;span class=""&gt;&lt;span style="color: #38761d;"&gt;►&lt;/span&gt; For &lt;/span&gt;&lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;Move A&lt;/span&gt; &lt;span class="hps"&gt;file&lt;/span&gt; &lt;span class="hps"&gt;from&lt;/span&gt; &lt;span class="hps"&gt;one&lt;/span&gt; &lt;span class="hps"&gt;folder&lt;/span&gt; &lt;span class="hps"&gt;to another&lt;/span&gt; &lt;span class="hps"&gt;folder&lt;/span&gt; use Dreamweaver.&amp;nbsp;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;span class="" id="result_box" lang="en"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class=""&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class="" id="result_box" lang="en"&gt;&lt;span class=""&gt; &lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;/ul&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgutLajlvxAj-di524Ws9xq9oxa9WuMtImKTRufNp_BoX-pOIo38MLp2XE6JDPCmRQlf2yyrjmc-1k4tHEh19LOQUiKcKDhAj8i8uFSknuBb07NGFt7Ey-xmnlQfAWlLvSoeEkQcSnw-u-U/s1600/dw-template.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgutLajlvxAj-di524Ws9xq9oxa9WuMtImKTRufNp_BoX-pOIo38MLp2XE6JDPCmRQlf2yyrjmc-1k4tHEh19LOQUiKcKDhAj8i8uFSknuBb07NGFt7Ey-xmnlQfAWlLvSoeEkQcSnw-u-U/s320/dw-template.jpg" width="590" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;span class="short_text" id="result_box" lang="en"&gt;&lt;span class="hps"&gt;Following These activities&lt;/span&gt; &lt;span class="hps"&gt;start create&lt;/span&gt; &lt;span class="hps"&gt;your new&lt;/span&gt; &lt;span class="hps"&gt;site&lt;/span&gt;&lt;span class=""&gt;. Go to &lt;b&gt;File- New-&lt;/b&gt; and select a &lt;b&gt;Blank Template, Html Template&lt;/b&gt;. Now Chose a Layout. You will find a already designed template. Now start Edit this template text color, picture or video adding and many more as you like :). Wait our Next tutorial on Adobe Dreamweaver for more. &lt;/span&gt;&lt;/span&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDi6vZqd4YThDS_MGHGHGplDfZQlhgYm56uXCUwuaW9TF6eWCBnyzV2-9rr_K1dLqBJF91yUUcYXlK8lSgdUwSxTsKbWsdv2Xzv5n18KrJE8gigiLXMWkCpgfndTAbzxplZex_vkttsMSJ/s72-c/Adobe+Dreamweaver.png" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">8</thr:total></item></channel></rss>