Monday, August 16, 2010

Add Delicious Button To Your WordPress Blog

As for most of us know that Google treats the links that are published on Delicious.com higher on search results as compared to normal result links. For that we all must have a delicious save button on our blog. Moreover this is so far the best online bookmarking site.

delicious button

One Step Tutorial:

Place below code where you want to display your Delicious Save Button:

http://delicious.com/post?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>

And if you are not using images in your excerpts and want to add it too automatically, then you can use below code:

http://delicious.com/post?url=<?php
the_permalink(); ?>&title=<?php the_title();
?>&notes=<?php the_excerpt(); ?>

New Official Twitter Button To Your WordPress Blog

As Twitter launched its official tweet button, many
sites have already implemented it. Tweetmeme button never showed the
correct count for tweets, but with this new Official Tweet Button from
Twitter, we hope to have the correct tweet count for our tweets. This
simple tutorial will help you integrate three different types of Twitter buttons with counters and without counters. Hope this helps.

retweet buttons

One Step Tutorial:

Place below code where you want to display your Official Tweet Button:

Type 1
retweet button type1

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="TutZone">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>



Type 2
retweet button type2

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TutZone">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>



Type 3
retweet button type3

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="TutZone">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Top 10 Form Validation Techniques

Form Validation with jQuery from Scratch

jQuery Form Validation Tutorials

In this article you will be shown how to build a simple, yet powerful and extensible jQuery form validation plugin.
This article does not show you how to use the jQuery validate plugin,
it covers building a lightweight, flexible solution from scratch. It
won't be nearly as advanced and powerful as the official plugin.
Nevertheless, you'll learn something new from a jQuery, JavaScript and
Object-Oriented aspect.

How to Validate Forms in both sides using PHP and jQuery

jQuery Form Validation Tutorials

You
are going to learn how to validate your forms, in this indepth
tutorial, using PHP and jQuery in both sides: client side (using
javascript with jQuery) and server side (using PHP).
At the end of
the tutorial, you will get a final real working example that will
validate your fields with / without javascript enabled, amd always
making use of server side validaton.

jQuery Contact Form with PHP & jQuery Validation

jQuery Form Validation Tutorials

In
this tutorial, you will learn how to create your own jQuery contact
form using PHP and JQuery. The tut takes you through the initial
basics, creating a single page for your contact form that contains the
markup, PHP to process our contact form and then on to the tricky
process of jQuery validating.

Adding Form Validation to WordPress Comments using jQuery

jQuery Form Validation Tutorials

When
it comes to simpler user experience, having your form validation happen
instantly on the same page is a lot cleaner than reloading pages and
possibly losing some form content. In this tutorial you'll be shown how
to use jQuery to do some instant checking on an example comment form.

Advanced Form Styling & Functionality

jQuery Form Validation Tutorials

This
screencast walks you through the code that powers a fairly advanced web
form. It utilizes jQuery to hide and show inputs as needed as well as
power three plugins. One for applying fancy styling, one for
validation, and one for the serializing of the inputs and AJAX
submission. You will then use PHP to optionally save the users name and
email, as well as send the actual email.

WordPress and jQuery Contact Form without a Plugin

jQuery Form Validation Tutorials

There
are lots of WordPress plugins for contact forms, but wouldn’t it be
nice to have more control over the markup? In this tutorial, you will
be shown how to use a custom page template to create a contact form in
WordPress without a plugin, and use conditional statements, for
validation, to determine if the form had been submitted or not.

A jQuery inline form validation, because validation is a mess

jQuery Form Validation Tutorials

When
it comes to form validation, it’s hard to have a versatile solution
that works with every form. Figuring out how to display errors is not a
simple task.
In this tutorial you will be shown how to create a
form, and when an error needs to be displayed, the script will create a
div and positions it in the top right corner of the input. This way you
will not have to worry about your HTML form structure. The rounded
corner and shadow in the tutorial hasbeen built with CSS3 and degrades
well in non compliant browsers.

Form Validation using jQuery

jQuery Form Validation Tutorials

This
article discusses client-side validation using jQuery's validation
plugin. That is, you will use JavaScript to validate the fields before
submitting the form to the server. This is fast and efficient and
provides quick replies to your visitor in the event of any errors.
However, it is advisable to also validate the data on the server-side
before adding it into the database.
In the tutorial you will create
a form that contains four fields: name, e-mail, comment and URL. The
first three fields are required, whereas the URL field is optional.
And, if you submit the form without filling in the required fields, you
will be prompted with an error message.

Using jQuery and Ajax to Validate Forms

jQuery Form Validation Tutorials

This tutorial expects you to have already built your form up to the point where it works, but now needs some validation.

When you finish this tutorial, the username example, you have built,
will check with the server whether the chosen name is a) valid and b)
available. And the avatar example will try to load the URL in to a
hidden image, if it fails, it will show the appropriate message.

jQuery Form Validation JavaScript Tutorial

jQuery Form Validation Tutorials

There
are many jQuery plugins available to download that are similiar to what
you will build in this tutorial. But if you need more flexibilty with
your form or a better understanding of validation this tutorial will
help you. So, here is a step-by-step approach to achieving client side
JavaScript validation using jQuery.

Web Form Validation: Best Practices and Tutorials
jQuery Form Validation Tutorials
In
this article, from Smashing magazine, you will learn to go beyond the
validation of a form itself and explore different validation and error
feedback techniques, methods and approaches. The article gives you
indepth analysis of the pros and cons of server-side and client-side
validation, and offers some great advice.

Popular Posts