Wednesday, April 20, 2011

jQuery Advance Search Slider

jquery advance search is that kind of search box which is display in same page by clicking Advance Search.
enjoy!!!
Demo
Download

20 steps to getting a better search engine ranking in Google search

1. Make sure that each page has a different title

The title of each page is very important to good search engine ranking. It should be about 60 - 70 characters long and describe the content of the page. It is not necessary to include the name of the website within the title of the page. The title is shown in search results and should therefore be used to entice visitor to click the link to your site.

2. Ensure that each page has a different and informative description

The meta-description is also important to good search engine ranking. This should be about 140 characters long, describing the contents of the page and be easy to read.

3. Don't overstuff your keywords meta tag with too many keywords

The keywords meta tag are ignored by many search engines. Use for common misspellings of words on the page.

4. Make sure that your webpages validate at the w3c website

Ensure that you include a DOCTYPE declaration.

5. Make sure that each page in your site has interesting content

This will ensure that other sites want to link to your site. The best way to get links to your site is through 'genuine' recommendations in the form of links from other related and reputable sites.

6. Don't use a splash page for your site

Splash pages may look good, but can act as a barrier to both visitors and search engines.

7. Avoid using Javascript menus which search engines aren't able to crawl

Although some menus can look great, there is a possibility that you may be preventing search engines and some visitors from accessing the pages linked from the menu.

8. Make sure you don't place valuable content in images

All your valuable content should be textual and not presented in images, Flash movies, animated gifs, etc.

9. Make sure that if your site is dynamically generated, that you are not using too many URL parameters (3 maximum)

Google will pick up page with more than 3 URL parameters, but some of those pages may end up as 'supplementary results' (these are second class results). Ensure that you don't pass session IDs (or anything that may look like a session ID) in URLs.

10. Don't use bulk search engine submission programmes or services

Although still marketed widely, bulk submission programmes are worthless. It is a much better use of time finding related and reputable sites to get links from.

11. Don't use unnecessary meta tags (e.g. author, copyright, classification etc)

These simply add to the size of your pages and don't have any beneficial effect. The most important tags for search engine ranking are title tag and the description meta tag.

12. Don't prevent search engines from visiting your site when they want to by excluding them with the robots tag

By all means, use the robots.txt file to restrict search engines from 'private' areas of your site, but make sure that you are not also preventing them from accessing your prime content as and when they want to.

13. Try not to use deprecated markup such as font tags

By using CSS you make your site more future-proof, accessible from more browsers and also (potentially) more search engine friendly.

14. Try to use CSS instead of HTML and tables for styling

By separating styling from content using CSS, you reduce the complexity of each of your website's pages and make site wide changes easier. Also, this helps increase the content to HTML ratio, thereby possibly helping with search engine ranking.

15. Reference an included JavaScript file rather than using it within your HTML

Many pages on the web are littered with JavaScript. This saves bloat and makes maintenance easier. Move all JS to a separately referenced .JS file instead.

16. Make sure that you target keywords and phrases that are likely to be used by your target visitors

Avoid using industry buzzwords if you are promoting B2C products and services.

17. Include a sitemap to provide easy access to the main pages within your site

Try to keep the number of links on each page at no more than 50 - 100. Use multiple pages if required. Structure the site map for human visitors not just search engines.

18. Make sure that you include alt-text (alternative text) for all images on your site

Alt-text are the little yellow popups that are shown when you hover a mouse over the images on your site. These will benefit visitors with disabilities as well as providing a small SEO benefit.

19. Don't get hung-up on PageRank

Page Rank is just one measure of the importance of a page, not the only one!

20. Write for human visitors not search engines

It is often very easy to try to optimise for search engines and forget that the content within your site needs to be read by humans. Make sure that pages are well structured using headings, paragraphs, bold, italics, bullet points (all using CSS). Break long pages into a number of smaller pages. About 400 - 600 characters for each page is enough.
Source

Monday, April 4, 2011

jQuery Accordion Menu

Accordion Menu are the menu with some animation effect. It has few top line menu items which clicked toggles to open sub menu options. When another top level menu is selected, other open menu will automatically collapse.
Click here for DOWNLOAD
Click here for DEMO

Sunday, April 3, 2011

Reset CSS a Great CSS Tools

This is the simple way to handle your html page. like body, list, table, etc. Just copy below code  into your new sheet. And save it as "reset.css". After saving file just LINK this CSS file into your Index
page.

Click here for download reset.css

* {

margin:0;

padding:0;

}

body {

line-height: 1;

} 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, 
output, ruby, section, summary, time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

content: '';

content: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

a{

text-decoration:none;

}

a:hover{

text-decoration:underline;

} 

All Web Browser Package - Version 0.6.8

Never equaled for Windows users, this package contains web browsers in USB portable version.

Practice to test its website from different web browsers or just testing them.

It contains :

- Firefox 3.6
- IETester 0.4.2
- Netscape 9.0.0.6
- Opera 10.10
- Opera 10.50 Dev (added)
- Safari 4.04
- Chrome Google 4.0.249.89 (updated)
- Chrome Google 5.0.335.0 Dev (updated)
- Maxthon 2.5.11
- Maxthon 3.0.6.32 Dev (updated)
- Arora 0.10
- SeaMonkey 2.0.3 (updated)
- Avant 11.7 (NEW)
- Flock 5.3.6 (NEW)

You use this package softwares at your own risk. Labs.XooFoo.org can not be held responsible if a problem occurs in your configurations.

You can download it at this link (Warning! archive executable 195MB), or web browsers individually here

Note: IE ( Internet Explorer) Testers can test their web sites under the various versions of Internet Explorer (IE 5.5, IE 6, IE 7 and IE 8) 
Source

Friday, March 25, 2011

Simple way to change the color of scrollbar using CSS

scrollbar using CSSTo change the color of a scrollbar of your website may be done quite easily. However, it should not
be a major part of your website's overall design since it may only be viewed in Internet Explorer.

Example of changing color of your scrollbar in IE Browser:

body {
scrollbar-face-color: #808080;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFBF0;
scrollbar-3dlight-color: #808080;
scrollbar-shadow-color: #FFFBF0;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #CCCCCC;
}
P.S.
You may customize the colors as you need. Just change the hexidecimals to the color you wish to use.

Wednesday, March 23, 2011

Easy to Add a Favicon in your Website.

FaviconJust one line of HTML code you can add a Favicon to your Website. First of all generate your icon
Or, Create  your Icon in ".ico" format.
free online Favicon.con Icon generator site.

Once your Favicon.ico file was producted. Please upload it to your website and add below code into your HTML. The code should be placed after your tag:

<link href="favicon.ico" rel="shortcut icon"></link>


Sunday, March 20, 2011

Enhance Forms Using jQuery UI

jQuery makes creating UI so much easier without compromising speed and quality. In this tutorial we are going to enhance form using jQuery UI, so let’s get started.

DEMO

Sunday, February 20, 2011

Toggle Slide

In jQuery, working with select box required some additional knowledge and interaction with jQuery. You may have some problem manipulating select box during your web development on jQuery. In this plugins you can solve this without any additional plugin to kill efficiency.
enjoy!!




DOWNLOAD 
DEMO

Thursday, February 17, 2011

Tips for SEO

Search engine optimization (SEO) is the process of improving the volume and quality of traffic to a
web site from search engines via "natural" ("organic" or "algorithmic") search results. Here are 10 tips to make your website search engine friendly:
  1. Keyword research
  2. Get some (trustworthy) advice
  3. Look after your code
  4. Make navigation easy
  5. Get links
  6. Build a sitemap
  7. Don't forget the technical stuff
  8. Track your progress
  9. Tell the search engines where you are
  10. Content is king
1. Keyword Research is the first step in any Search Engine Optimization (SEO). Take the time to figure out what words are used by the people you want to visit your site, and then use these words on the relevant page. For example, if a potential customer is searching for ‘class c widgets', you need to make sure the relevant web page on your site contains the words ‘class c widgets'. Make sure you use these keywords in the first few words of your page title (the blue bar at the top of your webpage) because this is the most important bit of the page from a search engines perspective. You should do this for all the pages in your site, but remember don't just stuff the keywords in there; it still needs to make sense to humans!
2. Get some good advice from SEO sources on the web. Unfortunately, not everyone knows as much as they say they do online and far too often SEO forums are full of bad advice so choose your sources well. We recommend:
  • Matt Cutts
  • Search Engine Watch
There are also plenty of people out there who believe you can scam the search engines. We don't. Stick to ethical SEO (i.e. don't fill the page with hidden keywords) and you will be rewarded in the long term
3. Looking after your code means building a website that is easy for the search engines to understand. Your website should make use of up to date technologies like Cascading Style Sheets (CSS) to minimise the amount of formatting in the HTML page code. Remove the formatting and you're left with pure content - and search engines love that.
4. Make navigation easy by building clear text links to all parts of your site. Search engines can't follow image links or clever animated links like Flash, they like their navigation plain and simple - and so do many users.
5. Get links from trusted, relevant sources. Links are like a vote for your page and you can't rank well without them. Unfortunately, buying links or being indiscriminate in the places you link to and places you request links from, is no longer a good way to raise the importance of your site; think quality not quantity.
Links must be relevant to the content matter of your site and they must be from high-quality websites. Also, try to use keywords in the links you have coming into your site. For example, ‘View our Industrial Pumps catalogue on Kellysearch' is a much better incoming link than ‘View our catalogue on Kellysearch'
6. Build a sitemap page to help the search engines discover every page in your site. The best sitemaps list the pages in your site along with brief keyword-rich descriptions of the page. If you have too many pages on your site, create as many sitemaps as you need and make sure they're linked together.
7. Don't forget the technical stuff, there are lots of things that happen in the background that can cause problems with the way the search engines see your site.
For example, if you use a cheap web hosting company, you might be bundled on to the same web server as a pornographic site that Google really doesn't like - guilt by association. Also, does your website use techniques that search engines don't like, like certain types of redirection? Just a few simple questions should be enough to recognise if your web design company know what they are talking about, such as:
1) Does my site use 302 (bad) redirects or 301 (good) redirects?
2) Should I be using Meta Description tags? Answer: Yes, but only to encourage searchers to click through to my site, not as SEO.
8. Track your progress with a web analytics program. There are lots of free options to use; Google Analytics in particular is easy to use and versatile. Web analytics can tell you a great deal about how people interact with your site and how much traffic the search engines are sending you. Here you can track the progress of any changes that you make to see if they are working.
9. Tell the search engines where you are by submitting your site details to them. This doesn't guarantee a better position in the results, but it certainly helps. Both Google and Yahoo have a facility to submit a list of all the pages in your site:
  • Google Webmaster Tools
If you verify your site with Google & Yahoo (instructions are on the site, although the process does require some technical skill) you will also get lots of valuable information about how well and how often your site is being examined by the search engines.
10. Content is King. It was true in the beginning of the World Wide Web and it's true now. Build great content and keep it up to date, search engines love sites like blogs, which are regularly refreshed. At the end of the day, even a site that ranks well and gets lots of visitors is no good if the visitors don't like what they see.
reference:  Kellysearch