Wednesday, June 10, 2009

Tutorial eight: adding flikr badges and youtube videos to your blog

Adding a Flikr badge:

Displaying photos in your Blogger blog from your Flickr account is quite simple. All you need to do is get the Flickr Badge embed code from Flickr and paste it into an HTML/JavaScript page element.
To start, head over to Flickr (http://flickr.com/badge.gne) and configure your badge to your liking. If you want more freedom in the number of photos to show and image styling, make sure you opt for the HTML version. Make sure you choose an image size that will fit inside your sidebar or it will be cut off. You can force the badge to inherit your blog's background by selecting "No Background" in the Layout step of the Flickr badge configuration.

Once you have set up the badge to your liking, copy the embed code onto your blog.

Adding a YouTube video:

First, go to YouTube and find a video that you like. It doesn't have to be a video that you created.

Next, look for the box directly to the right of the video. Not only does this box let you subscribe to videos, it also gives you the code for embedding video. Go to the line marked Embed at the bottom of this box. Click inside the code box next to the word Embed. All of the code text should automatically be highlighted. If not, you'll need to select it. Copy this code. You can copy by right-clicking on your mouse and selecting copy from the drop-down menu.

No comments:

Post a Comment