Facebook, GodTube, and your EZWeb site
Posted by Ryan Ross on 22 November 2011 11:09 AM
We get asked more and more frequently questions like, "How do I add a Facebook Like button to my website?", and "I have a video I'd like to link to my website, how would I go about doing that?" Believe it or not, both of these concepts are rather simple and straight forward to do with your EZWeb site. The trick, is knowing where to get the information, and then what to do with it. This tutorial will walk you through how to do each of these tasks.
Facebook Like Box/Button
Facebook offers a number of Social Plugins that you can use on any website. Today we are going to look at a specific example, the "Like Button", but these concepts will apply to most of the other Plugins as well.
First, we need to get the code. To do so, we'll go to https://developers.facebook.com/docs/plugins/
From the menu of Plugins, select "Like Button"
Now, we need to provide the URL to Like. Typically, this will be the website you are putting the button on. Type in the address, or copy and paste it into this field.
Now, we want to de-select the "Send Button" option. This will remove the Send button, and allow us to simplify the code that we'll need to use. Continue making any selections that you wish, and when you're ready, select "Get Code". An example of the setup that I used for placement in an EZWeb Box (Step 5) can be seen on the right. Note that I used a width of 130, because that's the amount of space you have to work with in a Box for use in the left or right column.
With the code prompt up, click the IFRAME tab to display the code for an IFRAME. Highlight the paragraph of code, and copy it (CTRL-C).
At this point, we are done with Facebook. We need to get to the Site Builder so we can paste the code.
With the SiteBuilder open, we need to figure out where you want this to display. The Home Page? An article? A box on the Home Page? Typically, this sort of thing is best suited for a Box, but your own application and settings will determine where you should install it. For this walk through, we are going to put it in a Box and display that box on the Home Page.
Click Step 5, and then New Box. Name your Box something relative, like "Facebook". Here comes the important part. We need to clean out that box, then paste the code in.
Click the Source button in the upper right hand corner of your editor. Now, Select All by hitting CTRL-A, or the Select All button in your editor, and then hit Backspace or Delete. Now you can Paste the code from Facebook by hitting CTRL-V, or Right-Clicking and selecting Paste. In the section labeled "Show this box on the following pages:", you can select Home Page. Save your changes.
That's it! You can move the box around using the Page Ordering tools on Step 3.
Embedding Video from GodTube or YouTube
Putting video on your website is very simple, especially if it's already hosted online at GodTube or YouTube, as those service offer convenient embedding resources. The advantages of doing it this way include not having to host the video file, and they configure the player for you. All you'll have to do is copy the embed code you provide, and paste that into your site. For this tutorial, we are using a video from GodTube as an example, but this strategy also applies to YouTube.
First, let's find a video for this walk-through. For example purposes, you can follow along with this video, "A Letter From God". On the video page, you should see an embed link, that is usually the word embed accompanied by < / >. Click embed, and an embed code prompt will display with some options. Make changes if you wish, but for this tutorial, we're just using the default settings. Copy (CTRL-C) the source from the first box, as highlighted in the example.
Finally, select some display locations for this article if applicable in the "Show this article on the following pages" section. Scroll down, and Save your changes.