SEO Guide for Designers

by sithurajkumar 2010-02-21 12:49:56

SEO Guide for Designers:

According to a poll I conducted, just over 1 out of 10 people don’t think SEO (Search Engine Optimization) is mandatory as a designer; and what really surprised me is about 24% don’t even know what SEO is! If you’re among the quarter of people who don’t know what SEO is or understand how it can help you, you should really read this article. This is an SEO guide for designers who want to learn about making it easier for websites or blogs to be found by search engines. I’ll explain the common mistakes made by designers and developers. Then I’ll provide some basic tips that you should be practicing to optimize your site for search engines.

Why Should You Learn About SEO?

* SEO isn’t only for online marketers. As a web designer or frontend developer, most on-site SEO is your responsibility.
* If your site is not search engine friendly, you might be losing a lot of traffic that you’re not even aware of. Remember, besides visitors typing in "" and backlink referrals; search engines are the only way people can find your site.
* There are many benefits of getting a high ranking site. Let’s use for example. I have, on average, about 14,000 visitors a day. About 40 - 45% of that traffic comes from search engines (about 6000+ referrals a day). Imagine, without search engine referrals, I would be losing thousands of visitors everyday. That means, I’m risking losing potential clients too.
* SEO is also a value-added service. As a web designer/developer you can sell your SEO skills as an extended service.

The Basics: How Search Engines Work?

How search engines work

First, let’s look at how crawler-based search engines work (both Google and Yahoo fall in this category). Each search engine has its own automated program called a "web spider" or "web crawler" that crawls the web. The main purpose of the spider is to crawl web pages, read and collect the content, and follow the links (both internal and external). The spider then deposits the information collected into the search engine’s database called the index.

When searchers enter a query in the search box of a search engine, the search engine’s job is to find the most relevant results to the query by matching the search query to the information in its index.

What makes or breaks a search engine is how well it answers your question when you perform a search. That’s based on what’s called the search engine algorithm which is basically a bunch of factors that the search engine uses to say “hey is this page RELEVANT or NOT?”. The higher your page ranks for these factors (yes some factors are more important than others) than the higher your page will get displayed in the search engine result pages.
Your Job As a Search Engine Optimizer

SEO jobs

Each search engine has its own algorithm in ranking web pages. Understanding the general factors that influence the algorithm can affect your search result position, and this is what SEO experts are hired for. An SEO’s job has two aspects: On-Site and Off-Site.

On-Site SEO: are the things that you can do on your site, such as: HTML markups, target keywords, internal linking, site structure, etc.

Off-Site SEO: are the things that you have much less control of, such as: how many backlinks you get and how people link to your site.

This is a guide for designers and developers. The main concern is the On-Site aspects. Secretly though, if you do your job right… and design a beautiful site… and/or produce useful content… you’ll get Off-Site backlinks and social bookmarks without even lifting a finger.
Top 9 SEO Mistakes Made by Designers and Developers
1. Splash Page

Splash page

I’ve seen this mistake many times where people put up just a big banner image and a link "Click here to enter" on their homepage. The worst case — the "enter" link is embedded in the Flash object, which makes it impossible for the spiders to follow the link.

This is fine if you don’t care about what a search engine knows about your site; otherwise, you’re making a BIG mistake. Your homepage is probably your website’s highest ranking page and gets crawled frequently by web spiders. Your internal pages will not appear in the search engine index without the proper linking structure to internal pages for the spider to follow.

Your homepage should include (at minimum) target keywords and links to important pages.
2. Non-spiderable Flash Menus

Many designers make this mistake by using Flash menus such as those fade-in and animated menus. They might look cool to you but they can’t be seen by the search engines; and thus the links in the Flash menu will not be followed.
3. Image and Flash Content

Web spiders are like a text-based browser, they can’t read the text embedded in the graphic image or Flash. Most designers make this mistake by embedding the important content (such as target keywords) in Flash and image.
4. Overuse of Ajax

A lot of developers are trying to impress their visitor by implementing massive Ajax features (particularly for navigation purposes), but did you know that it is a big SEO mistake? Because Ajax content is loaded dynamically, so it is not spiderable or indexable by search engines.

Another disadvantage of Ajax — since the address URL doesn’t reload, your visitor can not send the current page to their friends.
5. Versioning of Theme Design

For some reason, some designers love to version their theme design into sub level folders (ie., v3, v4) and redirect to the new folder. Constantly changing the main root location may cause you to lose backlink counts and ranking.
6. “Click Here” Link Anchor Text

You probably see this a lot where people use "Click here" or "Learn more" as the linking text. This is great if you want to be ranked high for "Click Here". But if you want to tell the search engine that your page is important for a topic, than use that topic/keyword in your link anchor text. It’s much more descriptive (and relevant) to say “learn more about {keyword topic}”

Warning: Don’t use the EXACT same anchor text everywhere on your website. This can sometimes be seen as search engine spam too.
7. Common Title Tag Mistakes

Same or similar title text:
Every page on your site should have a unique tag with the target keywords in it. Many developers make the mistake of having the same or similar title tags throughout the entire site. That’s like telling the search engine that EVERY page on your site refers to the same topic and one isn’t any more unique than the other.<br /> <br /> One good example of bad Title Tag use would be the default WordPress theme. In case you didn’t know, the title tag of the default WordPress theme isn’t<br /> that useful: Site Name > Blog Archive > Post Title. Why isn’t this search engine friendly? Because every single blog post will have the same text "Site Name > Blog Archive >" at the beginning of the title tag. If you really want to include the site name in the title tag, it<br /> should be at the end: Post Title | Site Name.<br /> <br /> Exceeding the 65 character limit:<br /> Many bloggers write very long post titles. So what? In search engine result pages, your title tag is used as the link heading. You have about 65 characters (including<br /> spaces) to get your message across or risk it getting cutoff.<br /> <br /> Keyword stuffing the title:<br /> Another common mistake people tend to make is overfilling the title tag with keywords. Saying the same thing 3 times doesn’t make you more relevant. Keyword stuffing in the Title Tag is looked at as search engine spam (not good). But it might be smart to repeat the same word in different ways:<br /> <br /> "Photo Tips & Photography Techniques for Great Pictures"<br /> <br /> “Photo” and “Photography” are the same word repeated twice but in different ways because your audience might use either one when performing a search query.<br /> 8. Empty Image Alt Attribute<br /> <br /> You should always describe your image in the alt attribute. The alt attribute is what describes your image to a blind web user. Guess what? Search engines can’t see images so your alt attribute is a factor in illustrating what your page is relevant for.<br /> <br /> Hint: Properly describing your images can help your ranking in the image search results. For example, Google image search brings me hundreds of referrals everyday for the search terms "abstract" and "dj".<br /> 9. Unfriendly URLs<br /> <br /> Most blog or CMS platforms have a friendly URL feature built-in, however, not every blogger is taking advantage of this. Friendly URL’s are good for both your human audience and the search engines. The URL is also an important spot where your keywords should appear.<br /> <br /> Example of Friendly URL:<br /> Example of Dynamic URL:<br /> General SEO Do’s and Don’ts<br /> <br /> Let me tell you WHAT TO DO by telling you WHAT NOT TO DO:<br /> Don’t Ignore Your Audience<br /> <br /> Write about topics your audience cares about. Like what? Find out, by conducting a poll (like I did), scan some relevant bulletin boards or forums, look for common topics in customer emails, or do some keyword research. There are great free keyword tools like the Google Keyword Tool or SEO Book’s Keyword Tool and loads more. The plan is not to spend your life doing keyword research but just to get a general idea of what your visitors are interested in.<br /> Don’t Be Dense About Keyword Density<br /> <br /> Keyword density<br /> <br /> Once you have a topic for readers; help search engines find it. Keyword Density is the number of times a keyword appears in a page compared to the total number of words. You want to make sure your keywords are included in the crucial areas:<br /> <br /> * the Title Tag<br /> * the Page URL (friendly URL)<br /> * the Main Heading (H1 or H2)<br /> * the first paragraph of content.<br /> * at least 3 times in the body content (more or less depending on amount of content and if and only if it makes sense).<br /> <br /> Most people aim for a keyword density of 2% (i.e. use the keyword 2 times for every 100 words). But what if your keyword phrase is “SEO for Web Designers and Web Developers” how many times can you repeat that before it sounds just plain unnatural? Write for your readers not for search engines. If you follow the tips<br /> in this article you’ll be writing naturally for your readers; which works for the search engines too.<br /> <br /> Warning: Do not over fill your page with the same keywords or you might be penalized by search engines for keyword stuffing.<br /> Don’t Ignore Relatives<br /> <br /> In this article, it makes sense to mention topics like “keyword research”, “search engine crawlers” and “title tag use”, but what if I mentioned a highly trafficked term like “cell phone plans”… kind of out of context right? So use other keywords and topics that make sense to your audience, the search engine measures keyword relations to determine relevancy too.<br /> <br /> * Cars and Tires (yes)<br /> * Web Design and Flying Monkeys (no…well sometimes)<br /> <br /> Don’t Be Afraid of Internal Linking<br /> <br /> Do you want the search engine to see every page on your website? Help the search engine spider do its job. There should be a page (like a sitemap or<br /> blog archives) that links to all the pages on your site.<br /> <br /> Tip: You can promote the more important pages by inserting text links within body content. Make sure you use relevant linking text and avoid using "click here" (as mentioned earlier).<br /> Don’t Ignore Broken Links<br /> <br /> 404 not found error<br /> <br /> You should always search for and fix the broken links on your site. If you’ve removed a page or section, you can use the robot.txt to prevent the spiders crawling and indexing the broken links. If you have moved a page or your entire website, you can use the 301 .htaccess to redirect to a new URL.<br /> <br /> Tips: You can use the Google Webmaster Tool to find broken links and your 404 Not Found errors.<br /> Don’t Be Inconsistent With Your Domain URL<br /> <br /> To search engines, a www and a non-www URL are considered two different URLs. You should always keep your domain and URL structure consistent. If you start promoting your site without the "www", stick with it.<br /> Don’t Be Scared of Semantic Coding<br /> <br /> Semantic and standard coding not only can make your site cleaner, but it also allows the search engines to read your page better.<br /> Search Result Position<br /> <br /> Coding and setting up your site to be SEO friendly can improve how well a search engine can access your website, it doesn’t guarantee you’ll end up at the top of the search engine result page (SERP). There are many factors in determining the search result position, but here are the basics:<br /> PageRank<br /> <br /> PageRank<br /> <br /> Some professional SEO’s pay attention to Google’s PageRank and some don’t. In my experience it doesn’t hurt to have a high Google PageRank. It’s a nice little benchmark to let you know how important Google sees your web page as. You can improve your PageRank by following the tips above and building-up quality backlinks. If you want to learn how PageRank works, Smashing Magazine has a very good article.<br /> Domain Age Before Beauty<br /> <br /> You might be surprised to learn that domain age is also a factor in the search engine algorithm. Older domains have a history, and their content is looked at as more credible than the website that got started last week. Older domains sometimes get the edge in search results.<br /> Be Patient<br /> <br /> You may have done every single thing right., but your site is still not showing up in the search engines for your target keywords. Why? Because everything takes time. It takes time for the search engines to index and rank your site (especially for new domains). So, be patient.<br /> <br /> Another reason — it could be the keywords that you’re trying to target are very competitive. Try altering the keywords on the page and you may have different results. Remember, you are competing with millions of web pages on the interne <div style='margin-top:10px;'> <h3 style="font-size:13px;font-weight:normal;float:left;padding-right:5px;" >Tagged in:</h3> <ul class="tags_01" > <li><a href="" title='SEO'>SEO</a></li> </ul> </div> <!-- fix clearing alignment issue incase any float style set in content, esp:images alignment --> <div style='clear:both;'></div> </div> <!--scrap content ends--> <!--Bookmarks --> <div style="padding-left:3px;"> <!-- rating_box begins --> <div class="rating_box_inner" style="padding-top:15px;"> <div class="rating_box_con"> <div class="rating_box_con_left rating_pos7"></div> <div class="rating_box_con_right">2445</div> </div> <div class="rating_box_con"> <div class="rating_box_con_left rating_pos3" id="up" style='cursor:pointer;'> <a href="javascript:void(0);"><img src="" width="16" height="16" alt="like" ></a> </div> <div class="rating_box_con_right" id="rup" >0</div> </div> <div class="rating_box_con"> <div class="rating_box_con_left rating_pos4" id="down" style='cursor:pointer;'> <a href="javascript:void(0);"><img src="" width="16" height="16" alt="dislike"></a> </div> <div class="rating_box_con_right" id="rdown">0</div> </div> <div class="rating_box_con" style='cursor:pointer;' onclick="javascript:window.location='sendmail.php?sid=11576'" > <div class="rating_box_con_left rating_pos5"> <a href="" ><img src="" width="16" height="16" alt="mail" ></a> </div> </div> <div class="rating_box_con"> <div class="rating_box_con_left rating_pos6" style='cursor:pointer;' id='flagTrigger'> <a href="javascript:void(0);"><img src="" width="16" height="16" alt="flag" ></a> </div> </div> <!-- rating box end --> <div class="clear"></div> </div> <!-- rating_box ends --> </div> </div> <!-- scrap_box ends --> <div class="clear"></div> </div> <!-- scrap_container ends --> <!-- navigation --> <div class='pagenation' style='margin:auto;width:120px;padding-top:10px;'><ul><li><a href=''>Previous</a></li></ul><ul><li><a href=''>Next</a></li></ul></div> <br> <!-- box_ad_con ends --> <div id="gad"><style type="text/css"> .hioxorg-336-280-responsive { width: 125px; height: 125px; } @media(min-width: 500px) { .hioxorg-336-280-responsive { width: 200px; height: 200px; } } @media(min-width: 600px) { .hioxorg-336-280-responsive { width: 250px; height: 250px; } } @media(min-width: 700px) { .hioxorg-336-280-responsive { width: 336px; height: 280px; } } </style> <script async src="//"></script> <!-- --> <ins class="adsbygoogle hioxorg-336-280-responsive" style="display:inline-block" data-ad-client="ca-pub-5279176980875369" data-ad-slot="9306852937" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><style type="text/css"> .hioxorg-336-280-responsive { width: 125px; height: 125px; } @media(min-width: 500px) { .hioxorg-336-280-responsive { width: 200px; height: 200px; } } @media(min-width: 600px) { .hioxorg-336-280-responsive { width: 250px; height: 250px; } } @media(min-width: 700px) { .hioxorg-336-280-responsive { width: 336px; height: 280px; } } </style> <script async src="//"></script> <!-- --> <ins class="adsbygoogle hioxorg-336-280-responsive" style="display:inline-block" data-ad-client="ca-pub-5279176980875369" data-ad-slot="9306852937" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <!-- box_ad_con ends --> <div class='clear'></div> <script type='text/javascript' > var sid='11576'; var CM_BASE=''; var UID=''; </script> <!-- comments begin --> <div class="comments"> <span class='comment-notify'>You must <a id='log-comment' href='' >LOGIN</a> to add comments</span> <!-- comments_add begin --> <div class="comments_add"> <!-- comments_user_image begin --> <div class="comments_user_image" style="background:url('') no-repeat;" ></div> <!-- comments_user_image end --> <!-- comments_part begin --> <div class="comments_part"> <!-- comments_element begin --> <div class="comments_element"> <textarea name="comments" class="comments_textarea" id='main-comment-txt' placeholder="Leave Your Comments..."></textarea> </div> <!-- comments_element begin --> <div class="comments_element" style='float:right;'> <div id='spinner' class='spinner' style="display:none;font-family: Verdana,Geneva,sans-serif;font-size: 12px;"> <img src="" alt='cm_loader'>Posting your comment...</div> <input name="main-comment" id='main-comment' type="submit" class="buttons" style="margin:0 2px;height:30px;" value="Add Comments"> </div> <!-- comments_element end --> </div> <!-- comments_part end --> <div class="clear"></div> </div> <!-- comments_add end --> <!-- comments_display begin --> <div class="comments_display"> <!-- comments_view begin --> <div class="comments_view"> <!-- comments_view end --></div><!-- comments_display end --></div><div class="clear"></div><!-- comments end --></div> </div> <!-- content left ends --> <!-- content_right begins --> <div class="content_right clearfix"> <!-- tags begins --> <div class="tags"> <h5>Tags</h5> <ul class="tags_01"> <li><a href="" title='Apache'>Apache</a></li><li><a href="" title='Firefox Tweeks'>Firefox Tweeks</a></li><li><a href="" title='Shortcuts'>Shortcuts</a></li><li><a href="" title='PHP'>PHP</a></li><li><a href="" title='Others'>Others</a></li><li><a href="" title='CSS'>CSS</a></li><li><a href="" title='Javascript'>Javascript</a></li><li><a href="" title='DNS'>DNS</a></li><li><a href="" title='Windows'>Windows</a></li><li><a href="" title='Websites'>Websites</a></li><li><a href="" title='Linux'>Linux</a></li><li><a href="" title='Game programming'>Game programming</a></li><li><a href="" title='Mysql'>Mysql</a></li><li><a href="" title='CVS'>CVS</a></li><li><a href="" title='HTML'>HTML</a></li><li><a href="" title='MS Office'>MS Office</a></li><li><a href="" title='JSP/Java'>JSP/Java</a></li><li><a href="" title='FTP Server'>FTP Server</a></li><li><a href="" title='Flash'>Flash</a></li><li><a href="" title='AJAX'>AJAX</a></li> </ul> <div class="clear"></div> <div style="margin:5px;float:right;font:normal 12px Tahoma, Geneva, sans-serif;"><a class='anc' href="">More...</a></div> <div class="clear"></div> </div> <!-- tags ends --> <div class="tags"> <ul style="list-style:none;font:normal 12px/16px Tahoma, Geneva, sans-serif;"> <li style='margin:5px;'><a class="anc" target="_blank" href="" >Indian Web Directory</a></li> <li style='margin:5px;'><a class="anc" target="_blank" href="">Time Zone Converter</a></li> <li style='margin:5px;'><a class="anc" target="_blank" href="" >Web Internet Statistics</a></li> <li style='margin:5px;'><a class="anc" target="_blank" href="" >Live Chatting Online</a></li> </ul> </div> <!-- tags begins --> <div class="tags"> <h5>Comments</h5> <ul class="tags_02"> <li><a href="">expected, smart move:)</a></li><li><a href="">Already black money holders account is empty..</a></li><li><a href="">The money will never return</a></li><li><a href="">Nice sharing..</a></li><li><a href="">Thank you...</a></li><li><a href="">Good one...</a></li><li><a href="">Nice post...</a></li><li><a href="">Good sharing.....</a></li><li><a href="">Good...</a></li><li><a href="">Thanks for nice sharing...</a></li> </ul> <div class="clear"></div> </div> <!-- tags ends --> </div> <!-- content_right ends --> </div> <!-- content ends --> <!-- footer begins --> <!-- <div class="footer clearfix"> <div class="footer_top clearfix"> <div class="footer_top_con"> <div class="footer_list"> <h6 class="foot_tit1">Browse through</h6><h6 class="foot_tit2">Recently Viewed</h6> <ul> <li><a href="" title="SEO Guide for Designers">SEO Guide for Designers</a></li><li><a href="" title="Change the height of br tag">Change the height of br tag</a></li><li><a href="" title="Oru Kadhal Devadhai Lyrics - Idhaya Thamarai">Oru Kadhal Devadhai Lyrics - Idhaya Thamarai</a></li><li><a href="" title="winsock programming">winsock programming</a></li><li><a href="சச்சின்-டெண்டுல்கர்.php" title="சச்சின் டெண்டுல்கர் - Sachin Tendulkur">சச்சின் டெண்டுல்கர் - Sachin Tendulkur</a></li> </ul> </div> <div class="footer_list"> <h6 class="foot_tit1">Browse through</h6><h6 class="foot_tit2">Archives</h6> <ul> <li><a href=''>November, 2021</a></li> <li><a href=''>October, 2021</a></li> <li><a href=''>September, 2021</a></li> <li><a href=''>August, 2021</a></li> <li><a href=''>July, 2021</a></li> </ul> </div> <div class="footer_list"> <h6 class="foot_tit1">Browse through</h6><h6 class="foot_tit2">Menus</h6> <ul> <li><a href="" >Home</a></li> <li><a href="">Top Rated</a></li> <li><a href="">Most Viewed</a></li> <li><a href="" >Today in History</a></li> <li><a href="" >Today's Thoughts</a></li> </ul> </div> </div> </div> <div class="footer_bottom clearfix"> <div class="footer_bottom_con"> <div class="footer_bottom_inner_con lft" style='padding-top:10px;'> <a href="">Contact</a> || <a href="">Privacy</a> || <a href="">Terms</a> || <a href="">RSS</a> || <a href="">Sitemap</a> </div> <div class="footer_bottom_inner_con lft" style='padding-top:10px;'> <a href="">Web hosting</a> by Hiox India </div> </div> </div> </div> --> <script type='text/javascript'>var chf_rss=true;</script> <script type="text/javascript"> var chf_sess = ""; var chf_sess_mail = ""; var chf_sess_mobile = ""; </script> <link href="//" rel="stylesheet" type="text/css"> <!--script type="text/javascript" src="//"></script--> <script type="text/javascript"> var fv='?v8'; window.addEventListener('load', function() { var homeurl="//"; var tag1 = document.createElement("script"); tag1.src = homeurl+'/chf_script.js'+fv; document.getElementsByTagName("head")[0].appendChild(tag1); }, false); </script> <!-- footer ends --> <script type="text/javascript"> var editor=''; var ieversion=''; editor=''; var show_alert=''; if(/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number } //COMMON JS var dfLoadStatus = 0; var dfLoadFiles = [ [base+'/commoncode/js/jquery.js'], [base+'/js/commonjsfunctions-blocksit.min.js'], [base+'/commoncode/autoComplete/autoComplete.js?v1'] ]; /* IE SPECIFIC JS FILES */ var myNav = navigator.userAgent.toLowerCase(); var IE=(myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false; if(IE!=false && IE<9){ dfLoadFiles.push([base+'/js/html5.js']); dfLoadFiles.push([base+'/js/css3-mediaqueries.js']); } // Specific js include if(cscript=='add-scraps.php'){ if(ieversion!=''){ dfLoadFiles.push( [base+'/ckeditor-ie/ckeditor.js'] //full version of ckeditor v.4.4, syntax highlighter & quote plugins disabled ); }else{ dfLoadFiles.push( [base+'/ckeditor/ckeditor.js'] //cutomized version of ckeditor v.4.4 with required plugins ); } } dfLoadFiles.push([''],[''],['']); if(cscript=='index.php' && typeof(CM_BASE)!='undefined' || cscript=='preview.php'){ //SCRAP PAGE var SH="";} function downloadJSAtOnload(){ if (!dfLoadFiles.length){ chf_utils(); on_ready_complete(); return; } var dfGroup = dfLoadFiles.shift(); dfLoadStatus = 0; for(var i = 0; i<dfGroup.length; i++) { dfLoadStatus++; var element = document.createElement('script'); element.src = dfGroup; element.onload = element.onreadystatechange = function() { if ( ! this.readyState || this.readyState == 'complete' || this.readyState == 'loaded' ) { dfLoadStatus--; if (dfLoadStatus==0) downloadJSAtOnload(); } }; document.body.appendChild(element); } } function on_ready_complete(){ var prof= get_cookie('PROF'); if(prof!=false && prof!=null){ prof=decodeURIComponent(prof); prof=prof.split('#@'); $('#prof_link > a').attr('href',base+prof[0]); $('#prof_link > a').html(prof[1].replace(/\+/g,' ')); $('#prof_link,#prof_logout').show(); }else{ $('#prof_signin').show(); } var vm=get_cookie('view_mode'); if(vm=='row'){ $('#view_row').click(); }else{ call_blocksit(); } $(window).resize(function() { call_blocksit(); }); //HANDLER FUNCTION REMOVED FROM 1.5 so we're extended that jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) s.error( xhr, status, e ); // If we have some XML response text (e.g. from an AJAX call) then log it in the console else if(xhr.responseText) console.log(xhr.responseText); } }); // CENTERS given element = function () { this.css("position","absolute"); this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px"); this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px"); return this; } //SCROLLS PAGE TO GIVEN ID, USAGE:$('selector').scrollView(); $.fn.scrollView = function () { return this.each(function () { $('html, body').animate({ scrollTop: $(this).offset().top }, 600); }); } //specific triggers if(show_alert!=''){ }else if(cscript=='add-scraps.php' && editor==true){ //INITIATE EDITOR editor = CKEDITOR.replace( 'content',{ enterMode : CKEDITOR.ENTER_BR, shiftEnterMode: CKEDITOR.ENTER_P, toolbar : [ ['Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Image','Iframe'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ['Link','Unlink'],['Syntaxhighlight'],['Maximize'],'/', ['Bold','Italic','Underline','Strike','-','RemoveFormat','Subscript','Superscript'], ['Styles','Format','Font','FontSize','-','TextColor','BGColor'],['Undo','Redo','autosave'] ], extraPlugins: 'filebrowser', }); $("#newtag").cmnAutoCompleteTag(base+"/login/ajax-handler.php",{delay : 1000, cmnWordCount:3, cmnTagCount:5, hover: "rgb(54,104,217)", color: "black" , prefill_tags: [ ],new_tags:true,special_chars:['+'] }); // ajax file should return the value separated by comma(,) }else if(cscript=='index.php' && typeof(CM_BASE)!='undefined' || cscript=='preview.php'){ //SCRAP PAGE if(SH==true){ //init syntax highlighter SyntaxHighlighter.config.stripBrs = true; SyntaxHighlighter.defaults.toolbar = false; SyntaxHighlighter.defaults.gutter = false; SyntaxHighlighter.highlight(); } if(get_cookie('LIVE')==1){ $('#edit_part').show(); } } //home page auto complete $('#typea').cmnAutoComplete(base+"/login/ajax-handler.php?qtype=tags",{ delay: 1000, background: "#58978F", hover: "#E7E7E7", color: "black" , border_color: "#000"}); $('#namea').cmnAutoComplete(base+"/login/ajax-handler.php?qtype=users",{ delay: 1000, background: "#58978F", hover: "#E7E7E7", color: "black" , border_color: "#000"}); } // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; //END OF COMMON JS </script> </body> </html>