WordPress is a great and most popular blogging platform for it possibility to extend functions with plugins.There are millions of designers using wordpress for various applications. If you know how to customize it and the proper use of its plugins, you can do anythign with it.

Google XML Sitemaps

This plugin will generate a special XML sitemap which will help search engines like Google, Bing, Yahoo and Ask.com to better index your blog. With such a sitemap, it’s much easier for the crawlers to see the complete structure of your site and retrieve it more efficiently.

The plugin supports all kinds of WordPress generated pages as well as custom URLs. Additionally it notifies all major search engines every time you create a post about the new content.

Google Analyticator

Google Analyticator adds the necessary JavaScript code to enable Google Analytics logging on any WordPress blog. This eliminates the need to edit your template code to begin logging. Google Analyticator also includes several widgets for displaying Analytics data in the admin and on your blog.

Google Website Optimizer for WordPress

This simple plugin lets you optimize your landing pages (as posts or pages) using the Google Website Optimizer without needing to edit the HTML code of the theme.

Easy AdSense

Easy AdSense provides a very easy way to generate revenue from your blog using Google AdSense. With its full set of features, Easy AdSense is perhaps the first plugin to give you a complete solution for everything AdSense-related.

Google Custom Search Plugin

The default search engine that ships with WordPress is not the best search engine and bloggers every where should make the switch to WordPress Google Custom Search plugin.

This plugin is a drop in replacement and works with minimum hassle. See a working Demo.

Multiple file upload forms are sometimes essential for your web application but managing upload from multiple file input boxes becomes a bit tedious and lengthy. But thanks to jQuery using which we can make this task easier too. Today I’m going to create an AJAXified multiple file upload form that uses a lot lesser server side code and also provides a very nice user interface.

The HTML Structure

As i said, the upload form will be intuitive, we won’t be using the classic File input box. So, First of all create the upload button on which user will click to open the File Selection dialog.

<div id="upload" >Upload File</div>

You can use any element you want for the button. I just applied some basic style to this div, you can apply any style you wish to make it look more attractive.

#upload{
	margin:30px 200px; padding:15px;
	font-weight:bold; font-size:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f2f2f2;
	color:#3366cc;
	border:1px solid #ccc;
	width:150px;
	cursor:pointer !important;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}

I also added a span element next to upload button to show various messages during processing. And to show the uploaded files to the user, i added an unordered list next to the button. Here’s the complete html code.

<!-- Upload Button-->
<div id="upload" >Upload File</div><span id="status" ></span>
<!--List Files-->
<ul id="files" ></ul>

The PHP Code

To upload the files to server, here’s a basic file uploading script in PHP that displays ‘success’ if file uploaded successfully otherwise displays ‘error’.

upload-file.php

<?php
$uploaddir = 'uploads/';
$file = $uploaddir . basename($_FILES['uploadfile']['name']); 

if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $file)) {
  echo "success";
} else {
	echo "error";
}
?>

The JavaScript Code

And lastly the javascript part. The AJAX Upload library you included earlier will do all the heavy lifting for you. Here’s the JavaScript Code you’ll need.

$(function(){
	var btnUpload=$('#upload');
	var status=$('#status');
	new AjaxUpload(btnUpload, {
		action: 'upload-file.php',
		//Name of the file input box
		name: 'uploadfile',
		onSubmit: function(file, ext){
			if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
                  // check for valid file extension
				status.text('Only JPG, PNG or GIF files are allowed');
				return false;
			}
			status.text('Uploading...');
		},
		onComplete: function(file, response){
			//On completion clear the status
			status.text('');
			//Add uploaded file to list
			if(response==="success"){
				$('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success');
			} else{
				$('<li></li>').appendTo('#files').text(file).addClass('error');
			}
		}
	});
});

Code explanation: to use the AJAX Upload library we need to initialize the AjaxUpload object and provide it with parameters. The first parameter is the id of the button element on which the user will click and second is the server side script that’ll handle file upload. The second parameter can accept an array of various options to give you more control over the process.

And that’s exactly what i’ve done.

• The action field is the path to server side script,
• name is the name of file input box(hidden) which will be used for upload. If you change this value, make sure to change the server side script corresspondinly.
• onSubmit lets you perform some function before the file is uploaded e.g. you can check the file extension like i’ve done above or show a status message.
• onComplete lets you perform some action after the upload is complete e.g. I’ve shown the uploaded image to the user.

And if you want to limit the number of files that a user can upload at a time, simply use this.disable() within onSubmit or onComplete to disable the upload button after checking for some condition.

Note: The file upload using AJAX is not true ajax as it uses hidden iframe to upload the form data but his whole process is transparent by using the AJAX Upload library and gives a feel of AJAXified file upload.

Download Code: ajax_multiple_upload

1. Create a blank database via your web hosting control panel.

2. Download the osCommerce 2.2 MS2 zip file from the downloads section of www.oscommerce.com, unzip it and extract the ‘catalog’ folder.

3. If you want your shop to be available at http://www.yourdomain.com/catalog then upload the whole of the catalog folder to the root directory of your website via FTP. If you want the site to be available at http://www.yourdomain.com then just upload all of the contents of the catalog folder, but not the folder itself.

4. Make sure that the permissions on all of the folders are set to 755, and if that does not work then set them to 777. Make sure that the includes/configure.php file and the admin/includes/configure.php file are set to 777 for the duration of the install. Once the install is complete reset to 644, 444, or 400 depending on your server setup.

5. Then go to http://www.yourdomain.com/install and begin the install procedure. Your DB Server will probably be ‘localhost’, your db user name and password (for mysql access) will have been provided to you by your web hosting company. The name of the database you already know – because you just set it up. Do not enable SSL, elect to store sessions in the database and not files (untick the box), and do not enable persistent connections.

6. After the install create a folder called ‘backups’ inside the ‘admin’ folder (via FTP), and delete the install folder. Reset permissions on the two configure.php files.

7. Password Protect your ‘admin’ folder using the Password Protect feature in your web hosting control panel.

1) Extract the zip file containing the software.

2) Create a new MySQL database for ClipShare and import the dump file /install/clipshare.sql using PHPMyAdmin. This will create and populate all DB tables.

3) Open /include/config.php using any text editor and edit the following variables:

$config['BASE_DIR']       =  '/home/yoursite/public_html/clipshare';
This is the full path to the directory where the script is installed. No ending slash.
$config['BASE_URL']      =  'http://www.yoursite.com/clipshare';
This is the URL where the script is installed. No ending slash.
$config['tmpimgpath']    =  '/home/yoursite/public_html/clipshare/tmp';
This is the full path to the directory where the /tmp folder is located. No ending slash.
$config['tmpimgpath2']  =  '/home/yoursite/public_html/clipshare/tmp';
This is the full path to the directory where the /tmp folder is located. No ending slash.
$config['ffmpeg']           =  '/usr/local/bin/ffmpeg';
This is the full path to FFmpeg module. No ending slash.
$config['mplayer']         =  '/usr/local/bin/mplayer';
This is the full path to Mplayer module. No ending slash.
$config['mencoder']      =  '/usr/local/bin/mencoder';
This is the full path to Mencoder module. No ending slash.
$config['metainject']     =  '/usr/local/bin/flvtool2';
This is the full path to FLVTool2 module. No ending slash.

4) Open /include/dbconfig.php using any text editor and edit the database variables (host, username, password and name of the database previously created and populated)

5) Open /js/myjavascriptfx.js using any text editor and edit the following variables:

var imgurl = ‘http://www.yoursite.com/clipshare/images’; No ending slash.
var baseurl = ‘http://www.yoursite.com/clipshare/’; Don’t forget the ending slash.

6) Upload all files in the root directory or a subdirectory on your server.

7) CHMOD the following files and directories to 777:

• /images/editorimage
• /templates (and all files and folders inside)
• /tmp
• /chimg
• /flvideo
• /include
• /thumb
• /video
• /templates_c
• /include/dbconfig.php
• /include/config.php

As we all know that Bing unique and most attractive feature is their astonishing and stunning backgrounds which states also the credit and the purpose ,In similar way an act of copying Google adds background images to the search page,  will be customizable i think .It allows us to add background images of our desire choice .Google allowing users to upload picture from their computer or else you can take picture from picasa album to customize your search background