Better still, have it reappear if the visitor adds nothing?

Like this:

Here’s the code:

<input type="text" name="field-name-here" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter Email To Get Updates':this.value;" value="Enter Email To Get Updates" />

Replace Enter Email To Get Updates with your own text.

Just a simple technique which works great.

-----
Post from: ErumMunir.com.
Don't forget to leave a comment at:

Clear Text On Input Field On Click

Related posts:

1. CForms II – The All In One Contact Form Solution Cforms II is a Wordpress plugin which makes it easy...
2. A Little Hack to Get Your Password Back This can either be a very useful or a very...
3. Adding Live Preview For Comments If you scroll down you will see a live preview...

Related posts brought to you by Yet Another Related Posts Plugin.

What’s the solution?

Separate the two, of course.

But How?

That’s a good question. You will find plugins that do this but if you can manage something in the theme design, it is best to do so rather than install plugin upon plugin. Plugins are best used where you cannot achieve your objective without touching the core Wordpress files.

In this case all you need to work with is your theme’s comments.php file.

Step One – Counting Comments and Trackbacks

Since the normal comment count includes both the comments and trackbacks, we first need to get a separate count for each.

Find this line in comments.php

<!-- You can start editing here. -->

Add the following code under it

<?php
$numTrackBacks = 0;
$numComments = 0;

foreach ($comments as $comment) {
$comment_type = get_comment_type(); 
if ($comment_type != 'comment') { $numTrackBacks++; }
else { $numComments++; }
}
?>

Basic gist:
First we set $numTrackBacks and $numComments as 0. We then check the database and loop thru the comments and trackbacks. If the record retrieved is not a comment then a number is added to the trackback count otherwise the comment count is increased.

Step Two – Showing the Comment Count

Next we need to show the comment count before we display the comments.

Find this line

<?php if ($comments) : ?>

and add this code after it:

<?php echo $numComments;?> 
<? if ($numComments = 1) :?>
Response
<? else : ?>
Responses
<? endif; ?>
to &#8220;<?php the_title(); ?>&#8221;

This will spit out the comment count in this format:
1 Response for ‘Post Title’
5 Responses for ‘Post Title’

Step Three – Displaying The Comments

Next we have to display comments. Look for this line:

<?php foreach ($comments as $comment) : ?>

And add these two lines after it:

<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type == 'comment') { ?>

What we are doing here is checking to see if the record retrieved is a comment.
If so then we display it.

Since we have opened a loop, we also need to close it.

Find the line

<?php endforeach; /* end for each comment */ ?>

and replace it with:

<?php } /* End of is_comment statement */ ?>
<?php endforeach; /* end for each comment */ ?>

We have successfully displayed our comments without any trackbacks or pingbacks.

Step Four – Displaying Trackbacks and Pingbacks

Time to display our trackbacks and pingbacks.

Add this code right after you finish displaying the comments (in most themes it would be after the /ol tag):

<? if ($numTrackBacks != 0) :?>
<br />
<h3>Trackbacks and Pings 
(<? echo $numTrackBacks; ?>)</h3>
<? endif; ?>
<ol>
<?php foreach ($comments as $comment) : ?>
<?php $comment_type = get_comment_type(); ?>
<?php if($comment_type != 'comment') { ?>
<li><?php comment_author_link() ?></li>
<?php } ?>
<?php endforeach; ?>
</ol>

You can change the styling and format to suit your site. However, this basic code will show your trackbacks and pingbacks separated from your comments.

–

Now there is no excuse to not clean up your blog and organize your comments.

-----
Post from: ErumMunir.com.
Don't forget to leave a comment at:

Separate Your Trackbacks From Your Comments

Related posts:

1. Adding Live Preview For Comments If you scroll down you will see a live preview...
2. CForms II – The All In One Contact Form Solution Cforms II is a Wordpress plugin which makes it easy...
3. Explode and Increase Comments Using These Wordpress Plugins I have already discussed a few techniques and plugins you...

Related posts brought to you by Yet Another Related Posts Plugin.

A friend asked me why this was useful and why anyone will want to see their comment twice?

My answer: If your comment is pretty long, the textarea will start to scroll and you won’t be able to look at your entire comment in on go. The preview on the other hand shows the comment in its entirety. This way you can see how it looks and proof read with ease before you post.

I have gotten this technique from the Rockatee Blog. So a big thank you to Maleika.

1. First things first. You need to download jQuery. Lets just name it jquery.js and place it in your theme folder.
2. Next download this file and place it in your theme folder.
3. Now open header.php from your theme and add these lines in the head area:

   <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery.js"></script> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/preview.js"></script>

4. Last step is to add the following code to you comments.php file wherever you want the live preview to show up.

   <div class="comment-preview"> <h3>My Comment Preview</h3> <p class="live-preview">Add some instructions - this text will get replaced by the comment preview.</p> </div>

5. You can use the class p.live-preview to style the live comment preview.

See that was simple and you have your own comment live preview.

-----
Post from: ErumMunir.com.
Don't forget to leave a comment at:

Adding Live Preview For Comments

Related posts:

1. Separate Your Trackbacks From Your Comments It is amazing how many blogs do not do this....
2. CForms II – The All In One Contact Form Solution Cforms II is a Wordpress plugin which makes it easy...
3. Adding Code To Your Wordpress Post Trying to add code to your wordpress post can be...

Related posts brought to you by Yet Another Related Posts Plugin.

Once you install and activate the plugin, don’t get intimidated by the dozens of options available. It is pretty easy to set up. Click on CForms from your WP admin menu.

Click to view the bigger image

Please match the steps to the above image:

1. Select a contact form you want to edit. One form is pre-added for your convenience.
2. Alternatively you can also use these links to select the form you want to edit.
3. You can also add a new form or duplicate the current one.
4. Change your form name here and click update settings (12).
5. You can toggle AJAX settings on or off. You might want to do this to get CForms to work wither certain comment plugins. More on this later in the post.
6. One of the most useful features is you can add form presets. These provide a great starting point for your form. Amongst these are the basic form, form with error messages, comment form replacement and a few other options. I suggest starting with the form with error messages for your contact form and the comment form if you want to replace your default comment form with CForms (yes you can do that).
7. Add fields by entering the number you want add and clicking the plus sign.
8. Next add a field name.
9. Click on the little settings image next to the field name text box and it will give you a pop-up with all the options. This makes it easier to fill the options for that particular field.
10. Select the type of field you want for example an input field, a checkbox, a dropdown, etc. You might want to go back to the last step to update the options if you change the field type.
11. Choose from several options like making a field required, make it disabled, verify email address, make it read only, etc.
12. Once you are happy with the form click on update settings to save it.

Once you have finished with the form above scroll down to the settings. These are specific to the chosen form so make sure you have selected the correct one.

Redirection, Messages, Text and Button Label

The first few options relate to form specific text and messages that need to be shown on your contact form (for example what text you want on your submit button). You can change them if you want but the default values are fine, too.

These are the values you might want to change. Message summaries comprise of both error messages and form submission success or failure messages. Choose whether to display this above or below your form. I personally suggest above the form.

Next choose if you want to use javascript to show the errors.

Fancy error messages add certain styling to the fields that are showing errors. You can change this styling but the default is pink.

This was one way of highlighting the fields giving errors. Another is to add the error message along with each field. Checking Embedded Custom Error Messages will do the trick.

Next set the limit on how many form submissions your visitor can make.

You don’t need to deal with the redirection fields unless you want your visitors to be redirected to a specific page after filling the form.

Using CForms as a Comment Form

Click on WP Comment Feature. It is the sixth option.

Select ‘Enable this form to optionally (user determined) act as a WP comment form’

Five new comment specific fields are added to your form once you do this.

Now go to form preset and choose the Comment Form preset. If you want you can add a captcha or Q&A verification field to deter spammers.

Next add:

<? insert_cform('comments'); ?>

in place of the regular comment form in your comments.php file. Replace comments with the name you choose for your comment form.

Your visitors should now be able to use the Cforms comment form to post a comment or send you a note.

If you have AJAX enabled on this form, then know that the page will not re-load once a comment has been added. Therefore the commentator will not see the comment styling you have added to comments.php until the page re-loads.

You can change the styling that gets shown until the page gets refreshed under the main menu for Global Settings. Choose ‘WP Comment Feature Settings’ and make changes to ‘New comment HTML template’

Enabling CForms Comment Form To Work With The Subscribe To Comments Plugin

Since this is a very widely used plugin, let me explain how you can add the the checkbox to subscribe to your Cforms comment form.

Select ‘Core Form Admin / Email Options’ and check the ‘Use custom input field NAMES & ID’s’.

This will enable you to add custom fields with their own specific values, id’s and names.

The subscribe to comments plugin needs a very specific checkbox with value, id and name equal to subscribe.

Now go up to your form and add a field. Here’s what you need to add to field name:

[id:subscribe]#Subscribe To Comments|subscribe

Let me explain. The [id:subscribe] adds subscribe as the name and id in the input tag for this checkbox. #Subscribe To Comments can be changed to whatever you want to display on your contact form next to the checkbox. Adding |subscribe adds subscribe as the value for the checkbox.

Note: You will have to turn AJAX off for this form as the subscribe to comments plugin does not work with AJAX on.

Also it will keep showing the checkbox to subscribe even when your visitor is subscribed. It won’t get swapped with the Manage Subscriptions link.

A workaround is to just add the subscribe to comments option outside of the comment form. This way people won’t have to leave a comment to subscribe either. Just add this line either to single.php or comments.php depending on where you want to place it.

<?php show_manual_subscription_form(); ?>

What about other plugins

I haven’t tried other plugins but for example the CommentLuv plugin uses the id, name and value ‘luv’ so it should work the same way as above.

AJAX and Comment Plugins
If you are using other comment plugins then it is a good idea to turn AJAX off. For example the WP AJAX Edit Comments also works better with AJAX turned off as you need to re-load the page to view the edit option.

If you have successfully used Cforms with other plugins then be sure to mention that via the comments.

In conclusion … Cforms is one of the most extensive plugins I have seen. The plugin author has not only worked on adding all the features one can think of and need in a contact form but has also worked on its presentation. It is a pleasure to use this plugin with all its features and design options.

And I have only covered some of these features. There are lots more features and settings you can tweak to your heart’s content including the ‘Tell-A-Friend Form Support’ and so much more.

So just install the plugin and enjoy.

-----
Post from: ErumMunir.com.
Don't forget to leave a comment at:

CForms II – The All In One Contact Form Solution

Related posts:

1. CForms II – More on Using as a Comment Form Good news! There is a new version of CForms that...
2. Most Useful Wordpress Plugins Since I design custom blogs for my clients, I have...
3. Updated List of Important and Useful Wordpress Plugins (WP 2.5.1) It is time for an updated list of useful Wordpress...

Related posts brought to you by Yet Another Related Posts Plugin.

I found this little tip at: FiddyP (it’s a really cool blog btw).

It only works in Firefix and boy does it work!

If you have a stored password that you can’t remember and all you can see are asteriks, just add this line to the address bar:

javascript:var els = document.getElementsByTagName('input'); for(var x=0; x<els.length; x++){ if(els[x].type.toLowerCase() == 'password' ){ var test = els[x].type = 'text';}}

Press enter and wait to be pleasantly or unpleasantly surprised to see your password staring back at you.

-----
Post from: ErumMunir.com.
Don't forget to leave a comment at:

A Little Hack to Get Your Password Back

Related posts:

1. Clear Text On Input Field On Click Ever wanted to add text to your input fields and...
2. Adding Live Preview For Comments If you scroll down you will see a live preview...
3. CForms II – The All In One Contact Form Solution Cforms II is a Wordpress plugin which makes it easy...

Related posts brought to you by Yet Another Related Posts Plugin.

Say, something like this:

<ul><li>This would have been a bullet</li></ul>

Had this been added to Wordpress normally, it would have appeared as a bullet. But since I’ve used a really cool plugin called ‘Code Auto Escape’, I can add code as code as long as I add pre and code tags around it.

Now you may never need to show html, xhtml, javacript, php, etc code in yuor posts but just in case you do, this is the plugin to get.

Get the Code Auto Escape Plugin

-----
Post from: ErumMunir.com.
Don't forget to leave a comment at:

Adding Code To Your Wordpress Post

Related posts:

1. Adding Live Preview For Comments If you scroll down you will see a live preview...
2. Most Useful Wordpress Plugins Since I design custom blogs for my clients, I have...
3. Updated List of Important and Useful Wordpress Plugins (WP 2.5.1) It is time for an updated list of useful Wordpress...

Related posts brought to you by Yet Another Related Posts Plugin.