Zoom In And Out Of Websites Quickly In Google Chrome

This post is a short tip on how to Zoom in and out of websites quickly in Google Chrome. This must work on almost every other browser like Internet explorer or Mozilla Firefox.

Lets say you brought a new high resolution big screen monitor. And now all these websites appear so tiny and the text is very difficult to read. But don’t worry, you can zoom in and out using the keyboard shortcuts.

These keyboard shortcuts will be very useful for day to day tasks and make your browsing experience easy.

  1. For zooming in the website just hit Control and + (plus) key on the keyboard.
  2. For zooming out, hit Control and – (minus) key on the keyboard.
  3. To reset zoom back to normal, just hit Control and 0 (zero) key on the keyboard.

Note that, you can also zoom in and out by holding the CTRL key and using the mouse scroll.

I hope this is helpful. Thanks for reading and do subscribe to blog feed for more amazing posts. You can find the subscription box below.

How To View Email Subscribers List In FeedBurner

Most of you use feedburner for sending out feeds to your subscribers. Some people have asked me if they can view the complete list of email subscribers in feedburner.

The answer is yes. You can view the entire list of email subscribers in feedburner. Also you can see how many of them are verified/active subscribers.

To check this list of email subscribers, just follow the steps given below –

  1. Log in to your Feedburner account
  2. Select the feed title from the list.
  3. Click on Publicize tab.
  4. From the services list, Click on Email Subscriptions.
  5. Now scroll the page and select View Subscriber Details.
  6. This will show up the full list of email subscribers for your feedburner account.

You can also export this list of email subscribers from feedburner account to any other rss feed service. Right after you click on ‘View Subscriber details’, you can see an option for Export: CSV.

Thanks for reading and do subscribe to blog feed for more amazing posts. You can find the subscription box below.

Fix Error Establishing a Database Connection in WordPress

Recently i was trying to install WordPress on my friend’s localhost but an error occurred which said – “Error establishing a database connection in WordPress“.

I’ll not go in detail, lets just solve the error right away. In order to fix – Error establishing a database connection, you’ll need to follow two steps.

  1. Creating a new Database
  2. Creating Database User
  3. Editing wp-config file of your WordPress package.

Where to Find wp-config file?

If you plan to install WordPress on Local Host using WAMP server then wp-config file has to be inside www folder (C:wampwww). If you plan to install WordPress on Web Host then you can access wp-config file using FTP Client like FileZilla.

You need to know the right location of wp-config file in order to proceed. If at all you have any difficulty to find wp-config, just leave a comment below and i’ll surely help you out.

Step 1 – Creating Database

Step 2 – Creating Database User

  • If you are installing WordPress on Local Host then just go to step 3
  • If you are installing WordPress on Web Host then read THIS article.

Step 3 – Editing wp-config file

When you open wp-config file, you’ll see something as shown below.

WP Local Host Installation

If you have created database named XYZ then make the following changes in your wp-config file –

WP Web Host Installation

If you have created database named ABC and created a user with username: admin and password: hello then just make the following changes in your wp-config file (which is on the server).

Long Story Short

You need to create database and database user. The database user will have username and password. This error usually occurs because of mismatch in configuration. So to fix it, open wp-config file and enter the right database name, database username and database user password. Save the file where it is supposed to be. And problem of “Error establishing a database connection in WordPress” will be solved.

Thanks for reading and do subscribe to blog feed for more amazing posts. You can find the subscription box below.

Custom Tag Buttons Widget For WordPress Using CSS

I’ll be sharing the code for custom tag buttons which you can use as a widget in your WordPress Blog. I have designed these buttons using CSS.

So in order to implement these, you’ll need to add two part of codes. One is CSS and other is HTML. You’ll need to put the CSS code at the bottom of style.css file of your WordPress theme. And you’ll have to add the HTML code inside a text widget.

Below is the screenshot of how the custom tag buttons look like. These are very simple buttons with round border. Also when you move your cursor over the button, the color of the button changes into a darker shade.

Custom Tags

CSS Code

You can use the CSS code as it is. But if you want to make any changes, feel free to experiment with it. If you are not sure about how to use it, then follow these steps –

  1. Open WordPress Administrators Dashboard
  2. Go to Appearance > Editor
  3. This should open the Stylesheet (style.css)
  4. Go to the bottom of this file and paste the CSS code given above.
  5. Save the file.

HTML Code

The HTML code which i use to display the buttons in the screenshot is given below. Note that, these buttons link to my blog categories.

You cannot use this code as it is. You’ll need to change it according to your need. For example, if you need a custom tag button to link to google.com then the format for that is given below –

In this way you can write a html code for a button with desired link. And then just copy the html code and use it inside a text widget. If you are unsure about how to use the code then follow these steps –

  1. Open WordPress Administrators Dashboard
  2. Go to Appearance > Widgets
  3. Drag the text widget into your desired Widget Area
  4. Paste the html code inside the content area of Widget. (leave the title empty)
  5. Save the widget.
  6. Go to your blog’s home page and you’ll find the custom tag button in the widget area of your choice.

Thanks for reading and do subscribe to blog feed for more amazing posts. You can find the subscription box below.

Adding Shadow To The Text In Photoshop Elements 10

In this post, I’ll show you guys about how to Add Shadow or Drop Shadow to the text in Photoshop Elements 10. This is very easy but there’s some difference as compared to other versions of Photoshop (like Creative Suite).

First of all create new blank file and write some text in the canvas. I’ll write something like ‘Hello’ inside the canvas in green color. Then i’ll just right click on this text and select ‘Edit Layer Style‘.

Edit Layer Style Photoshop Elements 10

Once you click on ‘Edit layer style’, Style settings dialog box shows up. Here we have to just select ‘Drop shadow‘ option. And some more settings appear on screen like size, distance, opacity, lighting angle.

You can experiment with the sliders and check the results to learn more about it. Check the animation below to understand how drop shadow works in Photoshop Elements 10.

Drop Shadow - Photoshop Elements 10

The GIF above explains the usage of size, distance and lighting angle option. But one option remains, which is the opacity. Opacity will determine the opaqueness of layer. When Opacity is 100 percent, layer is totally visible. But as opacity is decreased, the layer starts to fade and becomes transparent.

This is how you can add shadow or more precisely drop shadow to the text layer in Photoshop Elements 10. This is not just limited to text layers but its going to work for every type of layer(images, shapes, etc).

Thanks for reading and do subscribe to blog feed for more amazing posts. You can find the subscription box below.

How To Add Gaussian Blur In Photoshop Elements 10

Gaussian Blur is simply a way to blur a part of image using the Gaussian function. Gaussian Blur can also be used to get a smooth image out of a pixelated sharp image.

In this post, I’ll write about how to use Gaussian Blur in Photoshop Elements 10. You can use this feature to blur a certain part of image within a minute.

STEP 1 – First of all open the image in Photoshop Elements 10. Lets consider the following image (marked 1). And in this image, I would like to blur out the sign.txt text using Gaussian Blur.

STEP 2 – The next thing you need to do is select the part using Rectangular Marquee Tool (simply press M on keyboard to select this tool).

In this case, I will just click on top left corner of sign.txt and drag it to the bottom right corner to select the sign.txt part from the image.

Gaussian Blur Photoshop Elements 10

STEP 3 – After selection, Click on Filter Menu > Select Blur > Select Gaussian Blur. Now you’ll be asked to enter radius, enter different values to check what you prefer. I would enter 2.5 radius in this case and click on OK button.

STEP 4 – Now the selected part will be blurred out. This is the result of Gaussian Blur.

Installing WordPress On Subdomain Using cPanel

In this post, I’ll show how to install WordPress on a subdomain using the softaculous installer in cPanel of Linux Web Hosting. This is very simple, you just have to follow the steps given below.

I assume you already have a hosting account with a domain associated to it. So just log into your web hosting account and open the Control Panel (cPanel) of Linux hosting. Some hosts hide cPanel under the name ‘Manage Web Hosting‘.

Creating Sub-Domain

Once you open cPanel, navigate or scroll down to the ‘Domains‘ section. Here select the subdomains option and a new page will open up.

You can straightaway figure out how to create a subdomain, but if you can’t then keep reading. On the subdomains page, you can find ‘Create a subdomain‘ section. Check the screenshot given below –

All you need to do is just enter the subdomain name and select the domain. In this case, I have chosen the domain as codefap.com and the subdomain as lab. And do not mess with the document root, it will be automatically created once you enter the subdomain.

After entering subdomain and domain in the form, just hit Create button. In this case, a subdomain with link lab.codefap.com will be created for me.

Installing WordPress On Sub-Domain

Installation of WordPress package on a sub-domain is very similar to that of installing it on root itself. All you need to do is just select the newly created subdomain from the drop down menu.

Install WordPress On SubDomain

Fill the rest of the details as described in my previous post – Installing WordPress On The Web Host. I hope this post helps you. Subscribe for more amazing posts, Thanks.