Create a chat box for your site with HTML/CSS, jQuery, PHP and MySQL

Well, it is fun to chat with the people who use same site I use, we can share informations, updates, even jokes sometimes. All it is possible with chat box, we can also make them be occupied for long on the site using this technique. We can create a chat box for websites, blogs, forums easily using jQuery, PHP and MySQL.

Here is a tutorial to build a totally customized chat box

We will follow this file tree


Chatbox.php is the file which contains the main theme and chat box which will operate to show and receive messages from users.

Process.php , here is where the PHP code is present, which does the job of storing and retaining the chat data from the database.

Config.php , here we will store database configuration file.

Script.js, we will store all javascript and jQuery script.

style.css, we will store the css code for the chat box here.

Here is the code for the chatbox.php





(To be Updated soon….)


Extend a partition using unallocated space from any volume

If you are trying to extend volumes in a hard disk, then it is necessary that the unallocated space has to be lying next to the volume which is to be extended. But what if you want to extend another volume? which is not allowing you to extend the volume. There is a very solution for this, we can use MiniTool Parition Wizard Home Edition to do this.

Let’s see how we can do it.

First download and install the application software from the official site (Version 8.0 and above is recommended).
MiniTool Parition Wizard Home Edition

Now , Install it and run it.

partion wizard home


As you can see there is 3.51 GB of unallocated space below the drive D, which I was unable to use to extend the drive C using default windows partition manager. But it can be really easily done using this application.

To extend C drive am clicking on C: using right mouse button and a drop down menu appeared.

partion wizard home drop menu

And then, I will choose Extend, A new dialogue box will appear asking from where the free space is to be used. From drop down list choose Unallocated space and click ok.

drop downlist partision wizard home

Now,  Apply changes by clicking on Apply Button from the top left side of window. And then when it asked to Apply pending changes click yes.

top left, apply , home partition wizard

apply changes


Then the process will start, and it asks you to restart the computer after it, you allow it to restart. Then before the computer boots the window, it process and merge the drive with the unallocated space. Tadah, over.


SEO tips with wordpress theme

Many people like to design their own custom theme for their WordPress blog. But, sometimes they commit some small errors while coding, which kills their page ranks. Some people don’t even follow standards, and they kinda end up with big disasters.  We can find many tips online about WordPress SEO, some turn into jackpot, and some into awful thing. But here are some guaranteed things, you can follow blindly.

wordpress theme seo

Always Double Check The HTML Tags.

HTML is very easy to learn, and also very easy to make errors. We may sometimes misplace them or use them in different ways other than they meant. These days, browsers are very powerful and advanced, they phrase any errors, and show the site right to you. But, it isn’t same about the web crawlers, search engines seem them differently than we normally do. So, it is always nice to see that we take good care of things behind the curtain too.

There are many websites out their to check the HTML or CSS errors, they are free and totally reliable. There are also many IDE which do it for you. It shouldn’t be hard for you to find such sites or IDE.

Less Graphic More Traffic.

It is not bad to use the graphics to demonstrate things, they are really useful. But, when they are excursively used, I bet, they are pain to bear. And some people who write in images, they should know that it never helps. How would search engine know what is in the image? it doesn’t have OCR. So, less the graphical representation of content, better is the content exploration. You must also include title, alternate name for the images, It is good practice.

Do not Ajax-ify Everything.

Ajax is really cool thing, we can load content without refreshing whole page. Well, it really helps save data. But, have you ever considered how a search engine looks at it? It just sees nothing, it won’t try to load the content that isn’t there. So, if you are ajax fan then you should limit it or What you can do is use some tricks, like using hash links, that might work.

Use standard tags.

We all know HTML, it is very easy to code. But, when we code the WordPress theme we should always see the we follow the standard tags, you might never use <span> or the <hentry> or <header> tags , they really are helpful for search engine to grasp the right content. You must see this, it might prove helpful to you.

First Header, Then Content and later is Navigation, Sidebar and Footer.

Well, this is really interesting, but search engine will always give greater importance to the documents top side. So, if you fill your top area of web page with only, navigation bar and side bar, the content is hardly given any attention by the search engine. The question may arise ” What can I do if the sidebar is at right? or navigation comes before the Content?”, answer would be, ” CSS can do many thing.” Don’t forget to rely on CSS as much as possible.