Archive for the ‘Tutorials’ Category

Using the Video Embedder Plugin for Wordpress

Tuesday, May 13th, 2008

Step 1: You should already have the Video Embedder plugin installed into Wordpress.

Step 2: In a new browser window, open the video that you want to insert.

Step 3: Here’s an example. Say you wanted to use a Youtube video. Find the video you wish to use and in the URL you’ll find the video ID (as shown below). At the bottom of this post you’ll find how to locate the video ID out of the URL from all supported video sources.

Step 4: Now that you have the video ID you can embed it into your Wordpress post. In order to do this you must first put tag lines before and after the video ID, depending on which video source you are using. The video source (Youtube in this case), is placed in brackets: [video source]Video ID Goes Here[/video source]. Below is the correct format to embed our Youtube video into the post.

Step 5: Our finished product. After putting the video source tag lines and the video ID in this is what it should appear as.

Youtube help

For Youtube movies, check the URL and use the red part: http://www.youtube.com/watch?v=zORv8wwiadQ

Google Video help

For Google Video, check the URL and use the red part: http://video.google.com/videoplay?docid=6063985264803214006

Metacafe help

For Metacafe, check the URL and use the red part: http://www.metacafe.com/watch/975366/secrets_of_google_earth/ (the trailing slash should not be included)

Liveleak help

For Liveleak, check the URL and use the red part: http://www.liveleak.com/view?i=d62_1594640234

Revver help

For Revver, check the URL and use the red part: http://revver.com/video/527514/ (the trailing slash should not be included)

IFILM help

For IFILM, check the URL and use the red part: http://www.ifilm.com/video/3521648

Myspace help

For Myspace, check the URL and use the red part: http://vids.myspace.com/index.cfm?fuseaction=vids.individual&videoid=56884863

Blip.tv help

For Blip.tv, check the URL and use the red part: http://blip.tv/file/254683

CollegeHumor help

For CollegeHumor, check the URL and use the red part: http://www.collegehumor.com/video:3567863

Videojug help

For Videojug, check the embed code and use the red part: <object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0″ width=”400″ height=”345″ align=”middle”><param name=”movie” value=”http://www.videojug.com/film/player?id=3ff6e533-5eaf-4ff8-540e-02334f7ac808” /><embed src (…)

Godtube help

For Godtube, check the URL and use the red part: http://www.godtube.com/view_video.php?viewkey=83abb6308b8842ca6f1f

Veoh help

For Veoh, check the URL and use the red part: http://www.veoh.com/videos/v1683095mYFrF3Xc

Break help

For Break, check the embed code and use the red part:<object width=”464″ height=”392″><param name=”movie” value=”http://embed.break.com/NDExNjU2“></para…

Dailymotion help

For Dailymotion, check the URL and use the red part: http://www.dailymotion.com/video/xoh8j_monty-python-dead-parrot-sketch_family

Movieweb help

For Movieweb, check the URL and use the red part: http://www.movieweb.com/video/V07L3flnvxMUWY

Jaycut help

For Jaycut, check the URL and use the red part: http://jaycut.se/mix/2493/preview

Myvideo help

For Myvideo, check the URL and use the red part: http://www.myvideo.de/watch/3033737

Vimeo help

For Vimeo, check the URL and use the red part: http://www.vimeo.com/367351

Gametrailers help

For Gametrailers, check the URL and use the red part: http://www.gametrailers.com/player/32532.html

Viddler help

For Viddler, check the embed code and use the red part: <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”437″ height=”370″ id=”viddler”><param name=”movie” value=”http://www.viddler.com/player/6708b741/” /><param name

Snotr help

For Snotr, check the URL and use the red part: http://www.snotr.com/video/1046

Quicktime help

For Quicktime files, enclose the URL

Windows Media Player help

For Windows Media files, enclose the URL

How to Customize Your Sales Letter Background Image

Tuesday, May 13th, 2008

Step 1: Create and/or locate the URL of a custom background image

Step 2: From the Wordpress dashboard click “Manage > Pages …” and click on your sales letter page.

Step 3: If you’ve created your own custom background image; using the Wordpress image uploader, upload the background image you want to use.

Step 4: Copy the link URL of the image you just uploaded (on a Windows computer, highlight the URL and press Ctrl + C) or if you want to use a hosted image from a different location, simply copy that URL.

Step 3: In order to change the background image of a sales letter page you must first change the template to white. To change the template, scroll down to the bottom of the screen in the “Advanced Options” section, and click the drop down arrow next to “Page Template”, this will bring up a drop down box with many different templates… you want to select “Sales Letter - White”.

Step 4: In the “Advanced Options” section at the bottom of the page, click the drop down arrow next to “Custom Fields”. In the “Key” field type “bgimage” (without the quotes of course), in the “Value” field paste the URL of your custom background image (either the one you uploaded or a hosted image). Then click “Add Custom Field”.

Step 6: After you add your custom field click the “Save” button.

How to Upload a Custom Header Image

Friday, May 9th, 2008

Step 1: Create a custom header image sized at: 740×120 pixels and save the image as a .jpg or .gif file.

Step 2: From the Wordpress dashboard click “Manage > Pages …” and click the title of the page you want to add a custom header image to.

Step 3: Using the Wordpress image uploader, upload the header image you want to use

Step 4: Copy the link URL of the image you just uploaded (on a Windows computer, highlight the URL and press Ctrl + C)

Step 5: In the “Advanced Options” section at the bottom of the page, click the drop down arrow next to “Custom Fields”. In the “Key” field type “headerimage” (without the quotes of course), in the “Value” field paste the URL you copied earlier. Then click “Add Custom Field”.

Step 6: After you add your custom field click the “Save” button.

How to Create Your First Sales Letter Page

Friday, May 9th, 2008

Step 1: From the Wordpress dashboard, click “Write > Page …”.

Step 2: Give your page a title.

Step 3: Enter the content of your sales letter in the Wordpress post editor.

Step 4: Select a page template for your new page

Step 5: (Optional) upload a custom header image for your sales letter page.

Click HERE to view the tutorial on how to upload a custom header image.

Step 6: Click the “Publish” button on the right side of the screen.

How to Install the Video Sales Letter Wordpress Theme

Friday, May 9th, 2008

Step 1: Download Video Sales Letter Theme.

Step 2: Unzip the videosalesletter.zip file.

Step 3: Upload the videosalesletter folder to the wp-content/themes folder.

Step 4: Login to your Wordpress dashboard.

Step 5: Click “Design”, then click “Themes”.

Step 6: Click the Video Sales Letter thumbnail image to activate the theme.