Posts Tagged ‘Wordpress’

Install Audio Player Plugin for WordPress

Tuesday, August 10th, 2010

Many podcasters want a simple way to embed an audio player in their WordPress web page and the Audio Player Plugin for WordPress is as simple as it gets.  Here is a quick tutorial on how to install the plugin:

Search for the plugin:

  • In the left-hand column of your wordpress dashboard, click “Plugins”
  • Then click “Add New”
  • Type “audio player” in the search box
  • Click the “Search Plugins”button

ScreenHunter_77 Aug. 10 14.40

Select and install the Plugin:

  • Make sure you have the correct plugin by Martin Laine
  • Click the “Install Now” link

ScreenHunter_78 Aug. 10 14.41

Activate the Plugin:

ScreenHunter_80 Aug. 10 14.56

Congratulations! You have successfully installed and activated the Audio Player Plugin.

Check out this post about inserting and using the audio player.

Customize Your WordPress Blog Favicon

Sunday, August 8th, 2010

WordPress installations use the following favicon by default:

ScreenHunter_40 Aug. 08 14.15

Because so many pages use this icon, it is nice to customize your favicon to make your page stand out.

Choose an image:

Select an image that is unique to your sight.  It may be a photo of you or an icon of something related to your website.  Be sure that you have the right to use the image.

Turn it into a favicon:

Head to:

http://www.chami.com/html-kit/services/favicon/

 

Click on the “Choose File” button:

ScreenHunter_41 Aug. 08 14.20

Now browse your computer and find the image file you want to use to create your favicon.  When you have found and selected the file, click the “Open” button:

ScreenHunter_42 Aug. 08 14.23

Now click the “Generate Favicon.ico” button:

ScreenHunter_43 Aug. 08 14.23

You will be shown a preview of your favicon:

ScreenHunter_44 Aug. 08 14.24

If it looks correct, right-click the “Download FavIcon Package” link and “Save Link As…”:

ScreenHunter_45 Aug. 08 14.26

Save your icon package to a place on your hard drive that you will remember:

ScreenHunter_46 Aug. 08 14.27

In your file manager, find the favicon .zip file that you saved and extract it:

ScreenHunter_47 Aug. 08 14.29

I used IZarc, but you can use whatever program you have available.

When the .zip file is extracted, you should have several files including a “favicon.ico” file.  This is the file we will be using.

Upload the file:

Upload this file to your server in the base file of your WordPress installation.  For most people it will be the “public_html” folder.  The folder already has a favicon.ico file in it, but you will replace it with your new favicon.ico file.  Use whatever FTP program you normally use to work with files on your server.

Tell WordPress to use it:

Now, head to your WordPress dashboard.

In the sidebar, select Appearance, then Editor:

ScreenHunter_49 Aug. 08 14.37

Now, on the right side, click on “Header”:

ScreenHunter_50 Aug. 08 14.38

Now in the textbox, add:

<link rel="shortcut icon" href="favicon.ico">

image

Make sure you hit the “Update File” button before you leave the page.

ScreenHunter_52 Aug. 08 14.42

Contratulations:

Now, if you hard refresh your browser(CTRL+F5), you should see your favicon:

ScreenHunter_38 Aug. 08 14.13

I hope you enjoyed this tutorial.  If you have any questions or suggestions for other tutorials, please let me know in the comments.