Category: How To

If you are good at Photoshop then you can directly show text above an image by creating an image like that.

But what when you have to display text when the mouse moves over the image.

This kind of functionality basically seen in news websites or on some blogs they show the post image and title but when the user hover over one of the image then the short description about the post visible above the image.

In this quick tutorial, I show How you can show text above Image when the user hovers the image using only HTML and CSS, no jQuery and JavaScript.

HTML - How to Show Text above Image on Hover

How To

Recent posts widget list your latest post and it helps you to keep reader longer in your site which reduces the bounce rate.

You can add it to anywhere within your site.

WordPress by default doesn’t show thumbnail in Recent posts Widget and if you want to add it you need to either modify the code or use Plugins.

With plugins, you can set your post featured image as the thumbnail or show any default image if there is no featured image and adjust its size.

In this article, I show you –

  • How you can add Recent Post Widget in the sidebar of the WordPress
  • And, add the thumbnail using Plugins.

Easily add Thumbnail to the Recent Posts - WordPress

How To

You generally write your article and publish its right off, or if you write more than 3,4 posts a Day in this case you either schedule them or save it to the Draft. And publish it on the right time.

Why not use those completed or scheduled posts to shows as upcoming posts on your website. This lets the visitors know What is now coming next.

For this, I am using a SOUP – Show off Upcoming Posts Plugin which lists your future posts on the website. It uses your scheduled posts for listing.

I am assuming that you have already scheduled some of the completed posts if you don’t know how to do it you can check my earlier post – How to Schedule Posts in WordPress without plugin.

How to show Upcoming Posts in WordPress

How To

You don’t need any extra plugin to schedule posts in the WordPress because it is an inbuilt feature.

If you manage to write 4,5, or more posts in a day and you don’t want to publish all of them at that time then you can either save them to draft and publish it when the right time comes.

In WordPress, you can easily schedule and unscheduled the posts.

How to Schedule Posts in WordPress without plugin

How To

One of the good thing about Chrome is it allows you to customize its appearance by using themes and add new features to it using custom extensions. The Chrome Web store is filled with lots and different types of extensions, you can also create your own extension and upload it to the Web store.

Themes are a type of an extension, which doesn’t contain JavaScript or HTML files. It has a manifest JSON file which contains all information about an extension and few images. It does not totally change the whole interface, instead, it defines how its interface looks.

If you are using a theme on your Chrome browser by downloading and installing it, sometimes you may want to convert your favorite wallpaper to a theme.

In this tutorial, we will create a new custom theme, which has a manifest JSON file and collection of images. And learn how to set in Browser.

chrome_theme

How To

SlideShare is a one of the popular web service where user view,upload and share their content. It support multiple formats e.g. ppt,pdf,doc,etc.

You can find content on the wide range of topics.

Member chooses its upload content is available publicly or privately. After uploading, it is available for the community, where member interact with it by like, share on various social media, comment on it, embed your content and even they download it.

To embed SlideShare Presentation to the website or personal blog there are two ways –

  • Without Plugin
  • With Plugin

In this tutorial, we check out both of these ways of embedding.

Within this tutorial, I am assuming you have SlideShare account, if not you can signup for it.

How to embed SlideShare Presentation in WordPress

How To

Chrome extension are the program which adds new functionality to Chrome browser. It takes little space in the toolbar for instant access.

It uses only HTML,CSS, and JavaScript to building a Chrome extension, except them no other web technologies.

From this tutorial, you get an overview on Chrome extension and How you can build your own.

What is the Chrome extension and How to build one

How To

MailChimp is one of most popular email marketing service, it is used by many webmasters or bloggers to send an email update to their audience.

Adding signup or subscription form within website allows readers to subscribe to the email list and get updates on website activities on regular basis.

Readers only come to your website when they find relevant topics otherwise they wouldn’t come. By allowing subscription form readers may signup to your email list. By this way, they stay updated about your next new post and check out to your website for reading it.

In this tutorial, we going to add MailChimp signup form Widget within WordPress site. We will add it using with the plugin and without the plugin.

I am already using it on my blog, I added it the right sidebar. Within the form, I am using only Email field and signup button.

How to Add MailChimp signup form to WordPress

How To

This tutorial, guide how to you can verify your domain in Mailchimp. Whenever you try to send the newsletter with an email which contains domain name for example – newsletter@makitweb.com . In this…

How To

Google reCaptcha generally used to protect the website from spammers. It is best and easy way to show CAPTCHA within the website.

It is easy to integrate into the form and when it properly setup then it shows a I’m not a Robot Checkbox that shows different types of images on the screen when it gets clicked.

The user needs to select images according to the asked question.

How to Integrate Google reCAPTCHA with PHP

How To Javascript PHP