Showing posts with label embedding. Show all posts
Showing posts with label embedding. Show all posts

Sunday, May 4, 2008

Email link

To put an email link on the side of your blog you will need to go to 'Page Elements' - 'add a new page element' and click the html element.
Then copy this code, substituting your email address and your name for mine.

Now when the email link is clicked it will automatically open an new email message ready to be sent to you.

Thursday, May 1, 2008

Slideshows

There are many sites where you can make slideshows for your blog. They all mostly work on the same principles, so I will only deal with a couple of them here. However, it is worth looking around at what is available to get a different look to your slideshows. There are some links at the end of this post.
Slide is probably the most popular site. You will need to register (free) and you are ready to start.
Firstly upload your images - you can upload them from your computer, or from an image hosting site, such as flickr
Make sure you have prepared them ready for the slideshow.

Now decide how you want the photos to transition in your slideshow. There are some nice effects here.

Next you can customise your design with different themes and different skins - try out a few to see what they look like.

Now all you need is the embed code to embed it into your blog using the html widget.

Another nice feature you might want to try is Skinflix. This tool allows you to make a nice looking frame or skin for you Youtube video.

There are many other sites for making slideshows. Try some of these:
vuvox
fliptrack
rockyou
tabblo
onetruemedia

Bubbleshare

Register with bubbleshare.com.
You are going to create a new album. Begin by uploading your photos to your new album. Make sure you have prepared them previously and they are all cropped and the right way up.

Now choose a theme if you desire one.Click next and then customise your pictures to your own taste.
When you are happy with the pictures click on 'view album'

Look for the embed code - you will find it by clicking this link
It will look like this

Now embed your bubbleshare in the same way as you learnt in the previous post about videos.

Publish your post and your bubbleshare will play.
BubbleShare: Share photos - Powered by BubbleShare


If you want your bubbleshare to play in the sidebar, go to layout

and click on add a new page element.

Choose an html element,


paste in the embed code and publish.

Video

Adding video to your blog is easy. You can add someone elses video that you have viewed on the web, or you can add your own video.

If you are wanting to add your own video, you must first of all upload it to the internet. You can upload it directly to blogger by clicking the video button and uploading as you would an image. If you choose this way then you need not read on, but if you want to use your video on other or multiple sites then you will need to upload to a video hosting site, such as youtube, teachertube, googlevideo, schooltube, etc. Just make sure your video is in the correct format (.mov . flv .avi etc) and upload following the instructions on the website.

Once the video is on the internet and viewable then you need to embed it into your blog.
The way you do this is the same for all sites. You need to find the 'embed code'. It will be somewhere on the same page as the video is when it is being played.

For the major sites it will look something like this:
Youtube -
Teachertube -

Google Video -Schooltube -
Now that you have the embed page you need to put it on your page.

Look for the 'edit html' tab on the top of the page on which you are writing the post. Click this tab.

Don't worry if the text now looks like goobledegoop - you don't need to understand it.
Scroll to the end of the text and paste in your code. It will look something like this -

Now just publish your blog and your video will play inside it.
Great job.

If you want to turn off the sometimes inappropriate trailers that appear at the end of a youtube video you will need to locate the code as below and insert the red text (&rel=0) exactly as it appears in the picture below (the xxxx will be numbers).