Category: Tutorials/How to

How to install and use FireFTP

Installing an FTP client is beneficial when you want to transfer large files from your computer to your web server. To learn more about it, please see what is FTP. See the video or steps below on how to install and use the popular free FTP client for the Firefox browser called FireFTP.

Here are the steps to summarize how to install and use FireFTP:

1. Go to google.com,  type in FireFTP and select the first choice or go directly to http://fireftp.mozdev.org/

2. In the green box click on Download FireFTP, select Allow if you get a message in your browser.

3. After the install is complete, make sure to restart your Firefox browser otherwise you won’t see the new plugin.

4. When the browser restarts you can find your FireFTP plugin in the Tools menu above.

5. To create a new account, go to the top next to the Connect button select the pull down to Create an Account.

6. Type in your host, which is your domain name and the password that was given to you by your hosting company.

7. Select Connect and now you’re in.

8. Left side is your computer and the right side is the web server.

9. Use the appropriate left or right green arrow to transfer the files between the two windows.

How to Install Google Analytics

Having a way to measure your website’s success is very important for all businesses. Google Analytics is free and easy to use, but many small business owners have no idea on how to install it. Take a look at the video below that shows you how to install Google Analytics.

To install Google Analytics all you need to do is follow a few simple steps:

  1. Sign up for Google account.
  2. Copy the provided code.
  3. Paste the provided code right before the </body> tag on the page(s) that you want to track.
  4. Save your code.
  5. Upload the page to your server.

This is not a difficult process, but you have to know exactly where to place the code for it to work correctly.

Once the code is successfully uploaded give it at least 24 hours to take effect. Come back to Google Analytics to view your website’s progress.

Brand Recognition: Creating a Custom Twitter Background

custom-twitter-backgroundWhen you have a business, you want your brand to be recognized in everything that you do. Having your business on Twitter is no different. By creating a custom Twitter background you will instantly stand out, bring credibility to your brand and leave a lasting impression to your visitors.

There are no set rules on how your background needs to look or what size it needs to be, but here are some pointers on what to do to keep that professional image.

• Keep all-important information on the left-hand side of the page.
• Always include your logo.
• Include your actual photo, this way you bring more trust and can result in more followers.
• Use colors that are similar to your brand to keep consistent.
• Use relevant images/graphics.
• Do NOT hard sell!
• Do list links of your websites, blogs, and other networking site where you can be found.

How to determine what size to make your Twitter background

screen-resolutionThe best way is to look at your website’s analytics program and see what are your visitor’s browser screen resolutions. Take a look at the top two and based on that, you can choose what would be the best size for your background. Keep in mind that the smaller the resolution, the less space you have for design.

The best approach to designing a custom Twitter background

Create everything in layers (it’s easier to make changes when you’re working with layers). This does not mean that you need to have Photoshop to do this. There are many free alternatives to Photoshop that perform just as great. I am recommending the “Phoenix” by Aviary.com as it’s very similar to Photoshop.

• Your first layer should be the main image, color or gradient that will serve as the pallet for your design.
• Next few layers don’t have to be in this order. You can start with the top banner that’s where you can add another color or gradient. This is where the Twitter logo and menu will sit so keep in mind the visibility when choosing colors.
• The last and most important step is to add your information to the left-hand side of the page and it’s best if you place this on it’s own layer.

Use one of these templates as a guide on proper placement of your information

1024 x 768 Twitter Background Template

1024 x 768 Template

1280 x 800 Template
1280 x 800 Template

Download Twitter Background

Download Twitter Background

Quick tip: Do NOT place important information below 600 pixels in height no matter the screen resolution size. This is because some users might have extra tool bars on their browser window, which pushes all the information down.

After you download the background template, open it in the design program of your choice and use it as bottom layer to server as a guide for you to place your information. When you’re done with your design, delete the layer with template. Save your design as GIF, JPG, or PNG format. Then go to your twitter page and follow these steps:

• Select Settings
• Choose the Design tab
• Click on Change background image
• Upload your image
• Make sure that tile background is NOT checked
Save changes

That’s it you’re done!

How do I change my domain DNS record?

Specific steps on how to change your domain DNS record varies from one provider to another, but basically all you have to do is ask your hosting provider for their DNS which will look something like this:

Primary Nameserver: ns1.hostingcompany.com

Secondary Nameserver: ns2.hostingcompany.com

Then you will need to go to your domain registrar (the place where you purchased your domain) and look for DNS change or something similar to this in the control panel. Some companies won’t let you do it through your control panel, so you would have to contact them and give them the new DNS names.

It’s important to remember that the actual update might take anywhere from 24-48 hours to change.

How to remove the background of an image in Photoshop using the Magic Wand tool

It’s best to use the “Magic Wand” when you’re working with an image that has a high contrasting color between the main graphic and the background. It works best when the background is a solid color.

background-layerBefore we get started, you need to rename the “background” layer.
This is the most important step to get this process right.

When you open your image you’ll notice that your layer in the Layers pallet is named “background.” You need to rename this layer to anything else besides “background.”

Here’s how to do this:

Double-click on the “background” layer, a pop-up window will appear, name the layer anything that you want or just leave it as Layer 0 and hit OK.

new-layer

select-backgroundOk, now you’re ready to remove that background layer.

Choose the “Magic Wand” magic-wand tool and then start selecting the background. In our case it’s the blue sky behind the yellow flowers. Hold the shift key to select multiple areas at once.

tolerance-level
NOTE: If you’re image has the high contrasting colors between the image and the background like we have, it’s best to set your “Tolerance” level to 100 and keep Anti-alias and Contiguous boxes checked. This will let you select the background easier.

removed-backgroundAfter everything is selected, hit delete on your keyboard and your background will be removed. Notice instead of your background you see the checkerboard pattern; in Photoshop this means that the background is transparent.

That’s it you’re done!
Just don’t forget to save your hard work.

If you want to practice with this same image, you can download a copy at http://www.flickr.com/photos/77682540@N00/3414300515/