Putting a video in the sidebar

Ok, so how do you put a video in the sidebar, such as the one under my profile on the right?

I'll do my best to take you through the steps... hopefully I haven't missed out anything. I've included everything I can think of (including some things that might seem obvious)

*Let me know if there's something you get stuck on, and I'll see if I can find out why...




(1) Go to the page where the video is, and highlight the 'embed code' (highlighting is automatic in YouTube when you simply click on it).


(2) Then Copy the code. The easiest methods to copy the codes are:

1. Hold down control key (that says 'Ctrl' bottom left of keyboard) and then press 'C' or
2. Right-click on highlighted embed code, and scroll down to where it says 'Copy' and left-click

(3) Go to the blog 'Template' page:


I've played with this page quite a bit, so I'm quite familiar with it now, but I remember it as being quite daunting when I first started. Don't worry about it... it gets easier the more you play :-D



(4) Scroll down the Template box until you reach the bit for the sidebar. On my blogs it has usually been about 3/4 way down the template page (if you're looking at the scroll-button on the right of the box...) above the 'profile' bit.

This has usually been helpfully 'titled' by the person who designed the template. Here I've underlined it in red for you:





(5) Scroll down just a little bit further, to immediately after the profile container shown here:




(6) Click in the space below the profile container and Paste the embed code into the template (it's ok to make a line space or two before and after the video code, as the spaces don't show up... This helps to identify it later, if you want to do more to it)

Two easy ways to paste are:

1. Right click on the page, and scroll down the pop-up until 'paste' and left-click.
2. Hold down the control key, and press 'V'.

[When the video code is pasted in, the cursor pops up at the end of the line, and it seems to suddenly 'change' the page. Don't worry - it's a long line of code, and has just gone a long way to the right! First time I did this, I thought I'd erased all the rest of the template, which seemed to have disappeared!! :-) ] :






(7) If you were to take a look (clicking on the 'preview' button at the bottom of the box) the video would be huge - as big as it is on the YouTube page, so next you will want to make it smaller.

Twice within the code, you've just pasted in, are instructions on how big it should be. This can be adapted to however big you want. For the sidebar, you'll obviously want it a lot smaller, or it will make the sidebar pop down to the bottom of the page after all the posts!!!

Within the line of code you've just put in (go back to the beginning of the line using the left cursor key) look for the bit that says object width="425" Height="350"






(8) I've found that changing the Width to 200 and the height to 180 seems to fit pretty well:






(9) Repeat for the second place in the code it mentions width and height :






(By the way - at the end of the line of code is that little tag I mentioned in my previous post that can cause trouble when putting it into the main post):



Adding a Title


(10) In my sidebar, you'll see I haven't simply put the video in. If you don't want a title, skip ahead to step (12)

I put in the title just above the video code just put in.

Using the same 'link tags' (which I can't put in here as blogger will then link whatever's in the post here) I talked about in the previous post I linked Mother of Invention's name as part of the title.



(11)Then added the words

song "From the Soul Within" (with my video)

You can write anything, and it will appear on the sidebar:


(You can also place your writing just as easily after the video code, so it appears underneath)



Center the Video


(12) If you want to center the video (or anything else you put in the sidebar, for that matter) it is a simple matter of using the center tag we saw in the previous post. Place an [open center] tag before the code (and any other writing you've added):




(13) ...and, of course, close the tag after the code, or everything else on the sidebar will be centered, whether you want it to be or not!






Want the Video to come on automatically when someone arrives at your page?

If you don't want it to play automatically, then go on to step (16)


(14) In the same way there were the width and height instructions twice in the video code, so there are two places you will need to add code to make the video play when someone arrives at your page. Both times, it looks like a web-page url:



At the end of this bit, still within the quotation marks "" add this:

&autoplay=1

(15) (Don't forget to add this same code again, towards the end of the video code):

*** Vital ***

(16) SAVE!!! Click on 'Save the Template Changes' button.






So, this is what it looks like when you go to the blog: