Stored in: Uncategorized and Tagged:


There are two tags for adding sound to your document, Internet Explorer 3.0′s tag and Netscape’s tag. The play the background sound from your page. That is when visitor visit your page, the sound will automatically play. Netscape’s tag is slightly different, you can use its attribute to select playing sound when the page is loaded or give the users an option to click whether they would like to hear the sound.

HERE IS HOW TO USE AN TAG:

AUTOSTART=true means automatically play sound when document is loaded. This way, the sound will play as a background sound. You can also set the value to false. The sound will play when the “play” button is clicked.

LOOP=n This tells browser how many times to play sound. n could be an integer, true, or false. Setting LOOP=true, browser will continue playing your sound until the stop button on the console is clicked.

WIDTH and HEIGHT This is how the sound control (console) will be displayed. Setting them as the given numbers, browsers will display a full console. Setting the width=0 and height=2, the console will not displayed by the browsers. Other values that too small will cause the browsers display uncompleted image. You might also hide it by placing HIDDEN=true like this:

It’s a good idea to give an alternative to people who using browsers that do not support the embedded sound. Here is what I did on this page:


Your browser doesn&#8217;t support EMBED, but you can still listen to the background sound of this page by<a href="bgsound.mid"> clicking here.</a>

Browsers that do not support EMBED will display the link inside tag.</p> <p>Here is how to use <BGSOUND> tag:</p> <p><BGSOUND SRC=your_file.mid LOOP=1></p> <p>LOOP can be specified as any positive number, infinite, or -1 which equals infinite.</p> <p>NOW, I WOULD LIKE TO TELL YOU SOMETHING.</p> <p>The differences of two browsers brought headaches to us. I would like to correct what I described here in last version of this page. You&#8217;d better use both <EMBED> and <BGSOUND> tags to make sure that visitors get background sound.</p> <p>Internet Explorer does not support <EMBED> tag directly, but it does support plugins that installed by Netscape. The users of Internet Explorer 3.0 or higher will hear the sound from <EMBED> if they also have Netscape 3.0 installed in their machine. In this case, If there are both tags in the documents, Explorer take <BGSOUND> tag active but will report the error of cannot playing sound that resides in the <EMBED> tag. This is a disadvantage of putting both tags together.</p> <p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br /> The error tag will be something like:</p> <p>DEBUG<br /> Unable to start midi<br /> OK</p> <p>Or</p> <p>Midi Error<br /> Unable to start playing midi sound<br /> OK<br /> &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p> <p>Anyway, these boxes are not a big deal, users can click &#8220;OK&#8221; to process to the next step. I recommend using both tags to make sure that your visitors will surely hear background sound. If you&#8217;re planning for giving the option for users to click from the sound console to hear sound, you only have one alternative &#8212; using <EMBED> tag.</p> <p>TIPS FOR PEOPLE WHO INSTALLED NETSCAPE 4.0 ON THE MACHINE THAT HAVE INTERNET EXPLORER INSTALLED:</p> <p>Netscape 4.0 will disable your plugins installed by its previous version. If you have IE installed in your system, IE will no longer be able to play midi file (in case that IE shared plugins with Netscape). You&#8217;d better back up the plugins previously installed by Netscape 3.0 and copy them back to plugins directory. If you have IE installed, you can use those files in IE&#8217;s plugins directory.</p> <p>WHAT FILE FORMATS CAN I INCLUDE IN MY PAGES?<br /> The <EMBED> tag plays audio files in WAV, AIFF, AU, and MIDI formats.</p> <p>1. MIDI (.mid) format give you a high quality of digital sound.<br /> 2. WAV (.wav) format was developed for used with Microsoft&#8217;s Window. You can record .wav using Windows. The sound quality is not as good as MIDI, but the file is smaller.<br /> 3. AU (.au) was developed by Sun. The sound quality is poor, but the file is quite small, used for recording short speech.<br /> 4. AIFF (.aiff) was developed by Apple for music and high quality sound.<br /> The most popular is MIDI for music and WAV for short message. If you own a PC running Windows, you are ready to plug a microphone and start recording.</p> <div class="postbottom"> <a href="http://blog.varadesigns.com/adding-sound-into-a-web-page/#respond" class="commentslink" title="Comment on ADDING SOUND INTO A WEB PAGE">No Comments</a> <a href="http://stumbleupon.com/submit?url=http://blog.varadesigns.com/adding-sound-into-a-web-page/&amp;title=ADDING SOUND INTO A WEB PAGE" class="stumbleupon"></a> <a href="http://digg.com/submit?phase=2&amp;url=http://blog.varadesigns.com/adding-sound-into-a-web-page/&amp;title=ADDING SOUND INTO A WEB PAGE" class="digg"></a> <a href="http://del.icio.us/post?url=http://blog.varadesigns.com/adding-sound-into-a-web-page/&amp;title=ADDING SOUND INTO A WEB PAGE" class="delicious"></a> <a href="http://google.com/bookmarks/mark?op=edit&amp;bkmk=http://blog.varadesigns.com/adding-sound-into-a-web-page/&amp;title=ADDING SOUND INTO A WEB PAGE" class="google"></a> </div> </div> <!-- You can start editing here. --> <div class="clear"></div> <!-- If comments are closed. --> <p class="nocomments">Comments are closed.</p> </div> <p style="display:blocked; font-size:18px; font-family='Trebuchet MS'; margin:0 25px; color:#1A6FA8">Some Relevent Articles</p> <!-- Relevant Post code --> <ul style="margin:0px 40px 0px; list-style:none;"> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/325/" style="color:#717171 !important;"></a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/single-page-website-and-advantages/" style="color:#717171 !important;">Single Page Website and Advantages</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/10-css-tips-for-website-developers/" style="color:#717171 !important;">10 CSS Tips For Website Developers</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/10-tips-on-designing-a-fast-loading-web-site/" style="color:#717171 !important;">10 Tips on designing a fast loading web site</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/15-important-web-design-tips/" style="color:#717171 !important;">15 Important Web Design Tips</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/3-tips-to-increase-your-website-traffic/" style="color:#717171 !important;">3 Tips to Increase Your Website Traffic</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/50-awesome-animations-made-with-css3/" style="color:#717171 !important;">50 Awesome Animations made with CSS3</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/8-tips-for-designing-a-great-website/" style="color:#717171 !important;">8 Tips for Designing a Great Website</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/a-basic-html5-template/" style="color:#717171 !important;">A Basic HTML5 Template</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/a-beginner%e2%80%99s-guide-on-how-to-pursue-a-graphic-design-career/" style="color:#717171 !important;">A Beginner’s Guide on How to Pursue a Graphic Design Career</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/about-relnofollow/" style="color:#717171 !important;">About rel=&#8221;nofollow&#8221;</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/background-size/" style="color:#717171 !important;">Background-size</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/benefits-of-static-and-dynamic-website/" style="color:#717171 !important;">Benefits of Static and Dynamic Website</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/blockquote-bulge/" style="color:#717171 !important;">Blockquote Bulge</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/bokeh-with-css3-gradients/" style="color:#717171 !important;">Bokeh with CSS3 Gradients</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/building-a-website-for-the-iphone/" style="color:#717171 !important;">Building a website for the iPhone</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/choosing-the-right-cms-for-you/" style="color:#717171 !important;">Choosing the Right CMS For You</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/color-combinations-and-color-schemes/" style="color:#717171 !important;">Color Combinations and Color Schemes&#8230;</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/common-web-design-hick-ups/" style="color:#717171 !important;">Common Web Design Hick-Ups</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/consistency-in-web-ui-design/" style="color:#717171 !important;">Consistency in Web UI Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/create-a-tasty-website-design-with-different-flavor-of-colors/" style="color:#717171 !important;">Create a Tasty Website Design With Different Flavor of Colors</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/create-your-own-website-dream-weaver-learning-methods/" style="color:#717171 !important;">Create Your Own Website &#8211; Dream Weaver Learning Methods</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/cross-browser-compatability/" style="color:#717171 !important;">Cross Browser Compatability</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-block-vs-inline-css-display-styles/" style="color:#717171 !important;">CSS Block vs Inline CSS Display Styles</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-media-query-example/" style="color:#717171 !important;">CSS Media query example</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-menu-in-3d-look/" style="color:#717171 !important;">CSS Menu in 3D Look</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-standards/" style="color:#717171 !important;">CSS Standards</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-aria-and-css-validation-errors-at-w3c/" style="color:#717171 !important;">css Tricks &#8211; ARIA and CSS Validation Errors at W3C</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-at-rule-css/" style="color:#717171 !important;">css Tricks &#8211; At @ Rule CSS</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-box-sizing/" style="color:#717171 !important;">CSS TRICKS &#8211; Box Sizing</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-css-gallery/" style="color:#717171 !important;">css Tricks &#8211; CSS Gallery</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-css-sprites-workflow/" style="color:#717171 !important;">css Tricks &#8211; CSS Sprites Workflow</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-how-to-build-a-basic-css-layout/" style="color:#717171 !important;">css Tricks &#8211; How to Build a Basic CSS Layout</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-how-to-create-an-ie-only-stylesheet/" style="color:#717171 !important;">CSS TRICKS &#8211; How To Create an IE-Only Stylesheet</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-multiple-borders/" style="color:#717171 !important;">css Tricks &#8211; Multiple Borders</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-nine-techniques-for-css-image-replacement/" style="color:#717171 !important;">css Tricks &#8211; Nine Techniques for CSS Image Replacement</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-ordering-css3-properties/" style="color:#717171 !important;">CSS TRICKS &#8211; Ordering CSS3 Properties</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-perfect-full-page-background-image/" style="color:#717171 !important;">css Tricks &#8211; Perfect Full Page Background Image</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-the-best-reasons-for-using-css-layouts/" style="color:#717171 !important;">css Tricks &#8211; The Best Reasons For Using CSS Layouts</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-web-safe-font-combinations-2/" style="color:#717171 !important;">CSS Web Safe Font Combinations</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-web-safe-font-combinations/" style="color:#717171 !important;">CSS Web Safe Font Combinations</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-color-animate-any-shape-with-a-knockout-png/" style="color:#717171 !important;">CSS-TRICKS : Color Animate Any Shape with a Knockout PNG</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css-tricks-finally-gets-a-print-stylesheet/" style="color:#717171 !important;">CSS-Tricks Finally Gets A Print Stylesheet</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css3-create-multiple-columns/" style="color:#717171 !important;">CSS3 Create Multiple Columns</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css3-gradients/" style="color:#717171 !important;">CSS3 Gradients</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/quickie-css3-tricks-with-fallbacks/" style="color:#717171 !important;">css3 Growing Links menu</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/css3-media-queries/" style="color:#717171 !important;">CSS3 Media Queries</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/build-your-custom-theme-on-jquery-theme-roller/" style="color:#717171 !important;">Custom theme on JQUERY THEME ROLLER</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/design-tips-for-creating-a-tablet-friendly-website/" style="color:#717171 !important;">Design Tips For Creating A Tablet Friendly Website</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/digital-slr-camera-nikon-d3100/" style="color:#717171 !important;">Digital-SLR camera Nikon D3100</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/div-based-layout-with-css/" style="color:#717171 !important;">DIV Based Layout with CSS</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/dream-weaver-cs5-live-view-navigation/" style="color:#717171 !important;">Dream Weaver CS5 LIVE VIEW Navigation</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/dreamweaver-cs5-5-features/" style="color:#717171 !important;">Dreamweaver CS5.5 / Features</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/drill-down-menu-for-ipad/" style="color:#717171 !important;">Drill Down Menu for iPad, iPhone</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/easy-tips-for-best-website-design/" style="color:#717171 !important;">Easy Tips For Best Website Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/elements-of-well-designed-websites/" style="color:#717171 !important;">Elements of Well-Designed Websites</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/expandable-website-design/" style="color:#717171 !important;">Expandable Website Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/fade-image-into-another-within-a-sprite/" style="color:#717171 !important;">Fade Image Into Another (within a Sprite)</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/few-important-about-ui-designing/" style="color:#717171 !important;">Few important about UI Designing</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/fixed-and-fluid-design/" style="color:#717171 !important;">Fixed and Fluid Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/fontastic-website-use-of-right-fonts/" style="color:#717171 !important;">Fontastic Website .Use of right fonts</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/good-user-interface-design-tips/" style="color:#717171 !important;">Good User Interface Design Tips</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/good-user-interface-design-tips-2/" style="color:#717171 !important;">Good User Interface Design Tips</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/good-web-2-0-design-tips/" style="color:#717171 !important;">Good Web 2.0 Design Tips</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/why-good-website-navigation-is-important/" style="color:#717171 !important;">Graphic Formats</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/hello-world/" style="color:#717171 !important;">Hello world!</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/history-of-the-portable-network-graphics-png-format/" style="color:#717171 !important;">History of the Portable Network Graphics (PNG) Format</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-build-a-mobile-website/" style="color:#717171 !important;">How To Build A Mobile Website</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-create-a-website-effectively-for-a-more-successful-online-business/" style="color:#717171 !important;">How to Create a Website Effectively For a More Successful Online Business?</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-design-a-web-2-0-website/" style="color:#717171 !important;">How to Design a Web 2.0 Website</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-develop-success-criteria-for-your-site/" style="color:#717171 !important;">How to Develop Success Criteria for Your Site</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-ensure-that-your-low-cost-website-design-meets-business-objects/" style="color:#717171 !important;">How to Ensure That Your Low Cost Website Design Meets Business Objects</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-get-your-website-noticed/" style="color:#717171 !important;">How To Get Your Website Noticed</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-optimize-your-website-for-mobile-search/" style="color:#717171 !important;">How to Optimize your Website for Mobile Search</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-use-css3-orientation-media-queries/" style="color:#717171 !important;">How to use CSS3 Orientation Media Queries</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/how-to-use-html-meta-tags/" style="color:#717171 !important;">How To Use HTML Meta Tags</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/html-5-and-web-standards/" style="color:#717171 !important;">HTML 5 AND WEB STANDARDS</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/149/" style="color:#717171 !important;">HTML Link Tag</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/html5/" style="color:#717171 !important;">html5</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/html5-responsive-frameworks/" style="color:#717171 !important;">HTML5 responsive frameworks</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/image-file-formats/" style="color:#717171 !important;">Image File Formats</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/importance-of-professional-and-quality-web-designing/" style="color:#717171 !important;">Importance of Professional and Quality Web Designing</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/increase-the-usability-of-your-homepage-in-8-easy-steps/" style="color:#717171 !important;">Increase The Usability Of Your Homepage &#8211; In 8 Easy Steps</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/introduction-to-color-theory/" style="color:#717171 !important;">Introduction to Color Theory</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/ipad/" style="color:#717171 !important;">iPad</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/ipad-screen-resolution/" style="color:#717171 !important;">iPad Screen Resolution</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/iphone-safari-screen-dimensions-layout/" style="color:#717171 !important;">iPhone &#8211; Safari Screen Dimensions &#038; Layout</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/iphone-4-gui-psd-retina-display/" style="color:#717171 !important;">iPhone 4 GUI PSD (Retina Display)</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/jquery-events-show-hide/" style="color:#717171 !important;">jQuery events Show, Hide</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/large-photography-backgrounds-within-web-design/" style="color:#717171 !important;">Large Photography Backgrounds within Web Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/light-box/" style="color:#717171 !important;">Light Box</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/logo-designing-making-a-killer-logo/" style="color:#717171 !important;">Logo Designing &#8211; Making a Killer Logo</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/make-money-online-as-a-web-designer/" style="color:#717171 !important;">Make Money Online As a Web Designer</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/making-a-website-iphone-friendly-using-css/" style="color:#717171 !important;">Making a website iPhone-friendly using CSS</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/meaningful-trans-created-website-translations/" style="color:#717171 !important;">Meaningful Trans-Created Website Translations</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/mobile-web-design-tips-and-best-practices/" style="color:#717171 !important;">Mobile Web Design: Tips and Best Practices</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/mobile-website-design/" style="color:#717171 !important;">Mobile Website Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/nine-techniques-for-css-image-replacement/" style="color:#717171 !important;">Nine Techniques for CSS Image Replacement</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/page-structure-in-html5/" style="color:#717171 !important;">Page Structure in HTML5</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/387/" style="color:#717171 !important;">PhoneGap: Your bridge to mobile development</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/preparing-for-seo-in-the-website-design-process/" style="color:#717171 !important;">Preparing for SEO in the Website Design Process</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/resources-for-twitter-bootstrap/" style="color:#717171 !important;">Resources for Twitter Bootstrap</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/resume-ui-designer/" style="color:#717171 !important;">Resume UI designer</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/right-colors-for-your-web-site/" style="color:#717171 !important;">Right Colors for Your Web Site</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/sass/" style="color:#717171 !important;">Sass</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/should-you-use-a-template/" style="color:#717171 !important;">Should you use a template?</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/stacking-order-of-multiple-backgrounds/" style="color:#717171 !important;">Stacking Order of Multiple Backgrounds</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/start-earning-from-your-mobile-assets-with-google-adsense-and-admob/" style="color:#717171 !important;">Start earning from your mobile assets with Google AdSense and AdMob</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/the-important-elements-of-web-design/" style="color:#717171 !important;">The Important Elements of Web Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/title-tag-seo-tips/" style="color:#717171 !important;">Title Tag SEO Tips</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/useful-ideas-and-guidelines-for-good-web-form-design/" style="color:#717171 !important;">Useful Ideas And Guidelines For Good Web Form Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/useful-tips-for-effective-web-design/" style="color:#717171 !important;">Useful Tips for Effective Web Design</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/using-colors-on-a-website/" style="color:#717171 !important;">Using Colors on a Website</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/web-standards-checklist/" style="color:#717171 !important;">Web standards checklist</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/website-design-at-low-cost/" style="color:#717171 !important;">Website design at low cost</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/website-logos/" style="color:#717171 !important;">Website Logos</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/website-optimization-how-to-bring-website-on-top-of-google-search/" style="color:#717171 !important;">Website Optimization : How to bring website on top of google search</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/website-planning-%e2%80%a6plan-your-venture/" style="color:#717171 !important;">Website Planning …Plan your Venture</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/what-is-haml/" style="color:#717171 !important;">What is HAML?</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/what-is-html-coding-standards/" style="color:#717171 !important;">What is HTML Coding Standards</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/what-is-responsive-web-design/" style="color:#717171 !important;">What is Responsive Web Design?</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/what-is-web-2-0-design/" style="color:#717171 !important;">What is Web 2.0 Design?</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/whats-new-in-dreamweaver-cs5-5/" style="color:#717171 !important;">What&#8217;s new in Dreamweaver CS5.5</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/why-a-company-redesigns-a-website/" style="color:#717171 !important;">Why a Company Redesigns a Website</a></li> <li style="line-height:20px; padding:5px; list-style:square; border-bottom:1px dashed #9f9f9f"><a href="http://blog.varadesigns.com/why-validate-the-website/" style="color:#717171 !important;">Why Validate The Website?</a></li> </ul> <!------------- End Relevent code ---> <br style="clear:both" /> <div style="border:1px dashed #1a6fa8; margin:5px 25px"> <p style="padding:5px 20px; font-size:12px;"> <!--<span style="width:70px; height:70px; float:left; display:block; border:1px solid #ddd; background:url(http://www.varadesigns.com/images/logo.png) no-repeat -15px transparent; margin:0 15px 0 0; border:0px" ></span> About<br />--> <i>Hi, I am vara designer with over good experience in website designing and development for varadesigns. I would like to share information for the community like coding and technology. I hope this information is usefull. </i><br /><b style="font-size:20px; font-weight:normal; font-family:Trebuchet MS">-vara</b> </p> </div> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://blog.varadesigns.com/why-validate-the-website/" dc:identifier="http://blog.varadesigns.com/why-validate-the-website/" dc:title="Why Validate The Website?" trackback:ping="http://blog.varadesigns.com/why-validate-the-website/trackback/" /> </rdf:RDF> <div class="navigation" style="text-align:center"> </div> <!-- Google Analatics Code --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-5507954-1"); pageTracker._trackPageview(); </script> </div> <!-- CONTENTAREA --> <div id="sidebar"> <!--<h2 style="margin-top:0;">Our Services</h2> <ul id="widelist"> <li style="background:#5b5a5a"><a href="http://www.varadesigns.com/packages.html" target="_blank" rel="nofollow" style="color:#fff; font-weight:bold"> Website Design @ <span style="color:#eddf02">3500.00 INR or $80</span></a></li> <li style="background:#787878"><a href="http://www.varadesigns.com" target="_blank" rel="nofollow" style="color:#fff; font-weight:bold">CMS Website Development</a></li> <li style="background:#909090"><a href="http://www.varadesigns.com" rel="nofollow" target="_blank" rel="nofollow" style="color:#fff; font-weight:bold">eCommerce Website</a></li> </ul> --> <div style="margin:5px 0;"> <!--<h2 style="color:#1A6FA8; font-size:18px;">Recent Posts</h2> --> <ul> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/website-design-at-low-cost/" title="Look Website design at low cost" style="color:#555">Website design at low cost</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/sass/" title="Look Sass" style="color:#555">Sass</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/what-is-haml/" title="Look What is HAML?" style="color:#555">What is HAML?</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/benefits-of-static-and-dynamic-website/" title="Look Benefits of Static and Dynamic Website" style="color:#555">Benefits of Static and Dynamic Website</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/light-box/" title="Look Light Box" style="color:#555">Light Box</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/html5/" title="Look html5" style="color:#555">html5</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/css-web-safe-font-combinations-2/" title="Look CSS Web Safe Font Combinations" style="color:#555">CSS Web Safe Font Combinations</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/50-awesome-animations-made-with-css3/" title="Look 50 Awesome Animations made with CSS3" style="color:#555">50 Awesome Animations made with CSS3</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/build-your-custom-theme-on-jquery-theme-roller/" title="Look Custom theme on JQUERY THEME ROLLER" style="color:#555">Custom theme on JQUERY THEME ROLLER</a> </li> <li style="border-bottom:1px dashed #f5f5ff; padding:3px 10px;"> <a href="http://blog.varadesigns.com/resources-for-twitter-bootstrap/" title="Look Resources for Twitter Bootstrap" style="color:#555">Resources for Twitter Bootstrap</a> </li> </ul> </div> <br /> <!-- Text Ad --> <script type="text/javascript"><!-- google_ad_client = "pub-5054395296488185"; /* 300x250, created 10/25/10 */ google_ad_slot = "8118914002"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <!--<h2>Advertisements</h2> --> <div id="advertarea"> <div class="advert"> <div class="advert"><a href="http://www.varadesigns.com/web-designing-services.html" target="_blank"><img src="http://svldesigns.com/images/web-designing.png" width="125" height="125" /></a></div> <div class="advert"><a href="http://www.varadesigns.com/website-development-services.html" target="_blank"><img src="http://svldesigns.com/images/web-development.png" width="125" height="125" /></a></div> <div class="advert"><a href="http://www.varadesigns.com/graphic-designing-services.html" target="_blank"><img src="http://svldesigns.com/images/graphic-designing.png" width="125" height="125" /></a></div> <!--<div class="advert"><a href="#"><img src="http://blog.varadesigns.com/wp-content/themes/darkzen/images/advert2.jpg" alt="advert2" /></a></div> --> <br class="clear" /> <!-- <div class="advert"><a href="#"><img src="http://blog.varadesigns.com/wp-content/themes/darkzen/images/advert3.jpg" alt="advert3" /></a></div> <div class="advert"><a href="#"><img src="http://blog.varadesigns.com/wp-content/themes/darkzen/images/advert1.jpg" alt="advert1" /></a></div> <div class="advert"><a href="#"><img src="http://blog.varadesigns.com/wp-content/themes/darkzen/images/advert2.jpg" alt="advert2" /></a></div> <div class="advert"><a href="#"><img src="http://blog.varadesigns.com/wp-content/themes/darkzen/images/advert3.jpg" alt="advert3" /></a></div> --> <br/> </div> <!--<h2>Search Blog</h2> <form method="get" id="searchform" action="/index.php"> <div><input type="text" value="" name="s" id="s" /> <input type="submit" id="searchsubmit" value=" " /> </div> </form> <div style="margin:20px 5px !important; clear:both;"> <br /> <a href="http://www.varadesigns.com/portfolio.html" style="font-size:1.5em !important; font-family:'Trebuchet MS'; color:#555; text-decoration:none">PORTFOLIO</a></div>--> <div id="sidebar1"> <ul> <!--<li class="pagenav"><h2 style="font-size:11px;">Pages</h2><ul><li class="page_item page-item-2"><a href="http://blog.varadesigns.com/about/">About</a></li> </ul></li>--> <li><h2>Archives</h2> <ul> <li><a href='http://blog.varadesigns.com/2016/05/'>May 2016</a></li> <li><a href='http://blog.varadesigns.com/2015/12/'>December 2015</a></li> <li><a href='http://blog.varadesigns.com/2015/11/'>November 2015</a></li> <li><a href='http://blog.varadesigns.com/2013/09/'>September 2013</a></li> <li><a href='http://blog.varadesigns.com/2013/08/'>August 2013</a></li> <li><a href='http://blog.varadesigns.com/2013/07/'>July 2013</a></li> <li><a href='http://blog.varadesigns.com/2013/01/'>January 2013</a></li> <li><a href='http://blog.varadesigns.com/2012/10/'>October 2012</a></li> <li><a href='http://blog.varadesigns.com/2012/08/'>August 2012</a></li> <li><a href='http://blog.varadesigns.com/2012/07/'>July 2012</a></li> <li><a href='http://blog.varadesigns.com/2012/03/'>March 2012</a></li> <li><a href='http://blog.varadesigns.com/2011/07/'>July 2011</a></li> <li><a href='http://blog.varadesigns.com/2011/06/'>June 2011</a></li> <li><a href='http://blog.varadesigns.com/2011/05/'>May 2011</a></li> <li><a href='http://blog.varadesigns.com/2011/03/'>March 2011</a></li> <li><a href='http://blog.varadesigns.com/2010/09/'>September 2010</a></li> <li><a href='http://blog.varadesigns.com/2010/06/'>June 2010</a></li> </ul> </li> <li> <h2 style="font-size:11px;">Meta</h2> <ul> <li><a href="http://blog.varadesigns.com/wp-login.php">Log in</a></li> <li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> <li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> </ul> </li> </ul> </div> <!-- Categories --> <div id="sidebar2"> <ul> <li> <h2>Categories</h2> <ul> <li class="cat-item cat-item-3"><a href="http://blog.varadesigns.com/category/cascading-style-sheet/" title="CSS Related Articles">CSS</a> </li> <li class="cat-item cat-item-139"><a href="http://blog.varadesigns.com/category/css3/" title="View all posts filed under css3">css3</a> </li> <li class="cat-item cat-item-197"><a href="http://blog.varadesigns.com/category/graphic-designing/" title="View all posts filed under Graphic Designing">Graphic Designing</a> </li> <li class="cat-item cat-item-102"><a href="http://blog.varadesigns.com/category/html/" title="View all posts filed under html">html</a> </li> <li class="cat-item cat-item-202"><a href="http://blog.varadesigns.com/category/html-5/" title="View all posts filed under html 5">html 5</a> </li> <li class="cat-item cat-item-130"><a href="http://blog.varadesigns.com/category/iphone-2/" title="View all posts filed under iphone">iphone</a> </li> <li class="cat-item cat-item-207"><a href="http://blog.varadesigns.com/category/jquery/" title="View all posts filed under jquery">jquery</a> </li> <li class="cat-item cat-item-264"><a href="http://blog.varadesigns.com/category/less/" title="View all posts filed under Less">Less</a> </li> <li class="cat-item cat-item-215"><a href="http://blog.varadesigns.com/category/phonegap/" title="View all posts filed under PhoneGap">PhoneGap</a> </li> <li class="cat-item cat-item-34"><a href="http://blog.varadesigns.com/category/photography/" title="View all posts filed under Photography">Photography</a> </li> <li class="cat-item cat-item-262"><a href="http://blog.varadesigns.com/category/sass/" title="View all posts filed under sass">sass</a> </li> <li class="cat-item cat-item-263"><a href="http://blog.varadesigns.com/category/scss/" title="View all posts filed under scss">scss</a> </li> <li class="cat-item cat-item-86"><a href="http://blog.varadesigns.com/category/seo/" title="View all posts filed under seo">seo</a> </li> <li class="cat-item cat-item-56"><a href="http://blog.varadesigns.com/category/technology/" title="View all posts filed under Technology">Technology</a> </li> <li class="cat-item cat-item-1"><a href="http://blog.varadesigns.com/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a> </li> <li class="cat-item cat-item-4"><a href="http://blog.varadesigns.com/category/web-designing/" title="View all posts filed under Web Designing">Web Designing</a> </li> </ul> </li> <!-- <li id="linkcat-2" class="linkcat"><h2>Blogroll</h2> <ul> <li><a href="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </li> --> </ul> </div> <br /><br /> <!-- Image Ad --> <script type="text/javascript"><!-- google_ad_client = "pub-5054395296488185"; /* 300x250, created 3/1/11 */ google_ad_slot = "2034305900"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <br /> </div> </div></div> <!-- MAINAREA --> <br style="clear:both" /> <div id="footer"> <div class="footerDetails"> <div class="fl footerCol1"> <div class="cInfo fr"> <div class="fl country">Email / Phone</div> <div class="fl info">+ 91 967 673 9333 <br /><a href="mailto:info@.varadesigns.com">info@varadesigns.com</a></div> </div> </div> <div class="footerCol2 fl"> <div class="dgBg pic"> <a href="http://www.piclibrary.com" target="_blank"><img src="http://www.varadesigns.com/images/piclibrary.png" alt="Piclibrary : Photography website" title="Piclibrary : Photography website" /></a> </div> <ul> <li><img src="http://www.varadesigns.com/images/skype.jpg" > prasadnti</li> <li><img src="http://www.varadesigns.com/images/gtalk.jpg" > prasadnti@gmail.com</li> </ul> </div> <div class="box fr footerCol3"> <!-- Twitter Like --> <div> <a href="https://twitter.com/varadesigns" class="twitter-follow-button" data-show-count="false">Follow @varadesigns</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </div> <!-- Facebook Share --> <iframe src="http://www.facebook.com/plugins/follow.php?href=https%3A%2F%2Fwww.facebook.com%2Fzuck&width=260&height=80&colorscheme=light&layout=standard&show_faces=true"></iframe> <br /> <!-- Facebook Like --> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Freference%2Fplugins%2Flike&width=260&height=46&colorscheme=light&layout=button_count&action=like&show_faces=true&send=true"></iframe> </div> <br class="cb" /> </div> <!-- Footer UI --> <div class="footer tCenter p10">© 2013. | <a href="sitemap.html" class="smap">Sitemap</a></div> <!-- <div class="left"> Powered by <a href="http://wordpress.org">WordPress</a><br/> </div> <div class="right"> Using the <a href="http://www.dailyblogtips.com/wordpress-themes/">DarkZen Theme</a><br/> </div>--> </div> </div> <!-- PAGE --> </div> </body> </html>