YouTube Subscription Box

Lots of people recently asked me where I got the little YouTube subscription box from that I have here in my blog on the right in the sidebar. You can see how many subscribers I have, etc.

I actually found this by accident on YouTube's website as it is an official widget of theirs. But for some reason they seem to have kept it quiet. And I can't actually find where it is on YouTube's website, but someone has already written a tutorial on how to get that cute box.... The good thing is that it also tells you how to do this in Wordpress - another blogging platform (with which I unfortunately can't help)

Unfortunately they have written it in tech language, which I want to avoid here.

So here's the tutorial of how to do it on Blogger (there is also a WordPress version, but I have no clue of WordPress as I've never worked with it)



Youtube Subscription Box for Blogger

Step 1
Copy the following text:

<iframe src=http://www.youtube.com/subscribe_widget?p=youryoutubeusername style="overflow: hidden; height: 105px; width: 300px; border: 0;" scrolling="no" frameBorder="0"></iframe>

Step 2
Paste it into your computer's notepad and replace "youryoutubeusername" with your actual Youtube user name. In my case I put MsDriftedSW

Step 3
Go to your Blogger Dashboard and click on 'Design' of your blog.(1)

Step 4
In your 'Page Elements'-tab (2), click on 'Add a gadget' (3) that is listed above your sidebar or wherever you want to have it.

Step 3 & 4

Step 5
From the new window, choose 'HTML/Javascript'.

Step 6
Give the widget/gadget a title like 'My YouTube Channel' or whatever you fancy and then copy the edited code with your actual YouTube username into that text field and save.

Step 5 & 6

Step 7
Move it into the position in your sidebar where you want to have it.

Viola! You have a YouTube subscription box! YAY! Well done :)

Changing the width of widget:

If you want to adjust the width of the widget (you cannot change the height) you can go back into the widget (you can access it through clicking on the wrench on your blog site, or through the "Page Elements"-tab in the "Design" section of your blog).

The width: 300px of the code dictates how wide (width) in pixel your widget is. Replacing the 300px to smaller numbers reduces the height/width, increasing it enlarges it. Just play around with it :) If you for example wanted the subscription box to span wide you could replace the 300px with 600px like below.





I hope this helps, again, let me know if you need any help, I'm happy to help everyone!

Much love,
Miss drifted Snow White