Category: How To

In WordPress plugin are the tools that use to extend the functionality of the site. You can either create your own plugin or use the existing one.

There are thousands of free and paid plugins are available for the WordPress.

You can easily manage it from the Admin dashboard.

In this tutorial, I am discussing various ways to install the WordPress plugin and I am assuming that you have successfully installed the WordPress.

Different ways to install WordPress plugin

How To

WordPress is a free open source software, that means you can download, install and modify it. It is mainly popular for creating blogging website but you can create any kind of website in it.

It is customizable with themes and plugins.

You can easily install it on your local system for creating your project and testing it before making it live.

It this tutorial I am installing WordPress on Windows and using XAMPP.

How to install WordPress on Windows System

How To

From cPanel you cannot directly create or upload your database using PHPMyAdmin while making your website live. You need to follow some of the steps like – creating a database, user, etc.

The cPanel gives easy to use interface that makes easier to manage the database and make it available in the PHPMyAdmin.

In this tutorial, I am assuming that you already have a cPanel enabled web hosting server.

How to create and manage a MySQL Database in cPanel

DataBase How To

How To Javascript Jquery

There are many sites which offer free weather widget for the website. That are easy to embed.

You only need to specify some of the mandatory fields for generating the code.

In this tutorial, I show you some of the website from their you can get weather widget for your site.

How to show weather widget on the website

How To

To get back the user attention back to your site you can animate the site page title and icon when the user leaves your site or open an another tab.

In this tutorial, I am using two jQuery plugins – iMissYou and mFancyTitle for customization.

I will also show how you can do this with just jQuery.

How to change page title and icon on Page leave with jQuery

How To Jquery

When you have the large collection of images files on a directory and you wants to convert it into the photo gallery.

Solution 1

Add image file manually to your page one by one which you want to show. The problem with this solution is it is time-consuming and you have to check all image links if any update in future.

Solution 2

Store image names in the Database table and use it to get images.

Solution 3

Read all files from target directory and generate photo gallery.

The second and third solution are better but in this post, I will show you how to implement the third solution with PHP.

How to make photo gallery from image directory with PHP

How To PHP

Nowadays all modern browsers allow copying content to the clipboard with JavaScript.

But before this, it is not supported in most browsers because of security reasons. You need to ask the user to press CTRL+C to copy the currently selected text.

The ZeroClipboard library uses invisible Adobe Flash movie to copying content to Clipboard. It works well with most browsers.

In this tutorial, I show How you can copy content to the clipboard with or without Flash.

How to copying content to the Clipboard with JavaScript

How To Javascript

You have seen on many Mobile apps when you pull down from the top and release it the content is been refreshed.

The common example of this you see in Chrome, Opera mini browser for mobile.

In this tutorial, I show How you can add the similar type of functionality to your web page in desktop view.

What in the demonstration?

I will create two examples,

  • Reload page when the user pulls down the button at the specified height.
  • Reload page when the user releases the button.

How to make Pull down to refresh webpage with jQuery

How To Jquery

Did you ever thought to make an editable div element or <p>, <span>, etc. that works same like a Text field and Textarea.

Some websites allow the user to edit their content by just pointing to the content and start to update it.

You will already know that <div> is a read-only container that means you can’t edit the content inside of it.

In this tutorial, I show how you can do this with the contentEditable attribute.

How to make editable div element with contentEditable attribute

How To Javascript