How To Add Snow Effect On Your Website Using CSS Keyframe Animations

css_code1The Holiday Christmas season is fast approaching. During this season, most of us think a specific thing to remember related to this season. Me, since im far from north and south hemisphere, I didnt experience one thing. SNOW!. So in this post, im going to show how to add snow effect on a website using CSS.

Getting Started: Background Images

Basically, we just need three transparent images of varying size with random dots on them. You can just use this images that i created for this post. Continue reading

Advertisements

How To Redirect to Another URL After Submissions – Contact Form 7 WordPress Plugin

New messageContact form 7 is one of the best contact form generator plugin available for WordPress today. It is created by takayukister and the best thing is, the plugin is free for everyone who is building their site in the WordPress platform.

Sometimes, you may need to redirect users after filling up and submitting the form to achieve superb user experience on your site i.e.: Free audio, free ebook, free download etc.

To achieve this you just simply add a short Javascript hook on your form. Continue reading

How To Add Bubble On Comment Count – Thesis Theme

In this post, im going to show how to add bubble on comment count on Thesis Theme for WordPress. Using text something like “29 comments” is too mainstream, and adding simple effect like below will definitely make your audience love your site more.

comment_count_bubble_29

If you want to follow along without creating your own image for now, you’re welcome to use my image on your web host’s server — to do so, right-click on the image below, “save as” to your desktop, and upload the comment counter background image to your Thesis /custom/images folder:

comment_count_bubble

First, you need a custom PHP function that pulls the comment count for a given post, and that assigns a few unique classes for later use on the CSS side. Continue reading

How To Execute PHP Inside Table in WP Table Reloaded WordPress Plugin

To enable PHP execution inside table in WP Table Reloaded WordPress plugin, it require you to create your own WordPress plugin and insert a piece of PHP function within.

To create a plugin, simple use your favorite text editor like notepad ++ or just simply your PC’s built-in notepad. Create a new text file and insert your standard plugin information at the top, see sample below: Continue reading

How to Enable Featured Image in Thesis Theme for WordPress

On your thesis custom_function.php file, paste the below code:

//Enable Featured Image in Thesis

add_theme_support('post_thumnbails');
set_post_thumbnail_size(150,150);
add_image_size('teaser-image', 150, 150, true);
if ( function_exists( 'add_theme_support' ) )
{
add_theme_support( 'post-thumbnails' );
}
function post_image($t)
{
if ( has_post_thumbnail( $post->ID ) )
{
$image = wp_get_attachment_image_src(get_post_thumbnail_id( $post->ID), 'thumbnail' ); $t = '<a href="'.get_permalink().'"><img src="'.$image[0].'" class="imgthumb" /></a>'.$t;
}
$t = preg_replace('/<p(.*?)>/i', '<p>', $t);
return $t;
}
add_filter('the_excerpt','post_image');

You may want to tweak the appearance of your thumbnail. To do so, paste the below code in your custom.css file:

img.imgthumb {
	background-color: #EEEEEE;
	border:0.067em solid #DDDDDD; 
	float:left;
	margin:0 1.571em 0.55em 0; 
	padding:0.567em;
}