YouTube Subscribe Widget Iframe Code Implementation Tutorial

I just changed the code, so that the iframe scrolls with your browser. It simply stays were you told it :D

Define this in your style.css:

#site-title div.yt2 {
top:190px;
left:40px;
position:fixed;
}

and use this code in your html

<div class="yt2"><iframe scrolling="no" frameborder="0" id="fr" src="http://www.youtube.com/subscribe_widget?p=Hunterhood2001" style="overflow: hidden; height: 105px; width: 260px; border: 0;"></iframe></div>

If you need another postion simply change the top: and left: in your style.css
 
Michael said:
Hey everyone this is a quick tutorial showing you how to implement the YouTube subscribe widget iframe code on your blog or website. If you are implementing this on your blog such as on blogger/blogspot then head to where you are able to enter your own HTML, you might have options such as in a sidebar etc choose something that will allow this to fit, the screenshot attached shows you its size. If you are adding this to your own website, open up the HTML document or template and use the following code where you would like it to appear:




Make sure to replace the text in red and change that to your own channel name/username and when done hit save. This should now appear on your blog or website:

View attachment 317

If it isnt in the correct position you can alter the width of it by editing the following code where it is red:




If you find that it isnt in the correct position and could do with being moved over a little try the following code with your own username/channel name and edit the margin-left pixel value to something appropriate:



If that doesn't get it quite right feel free to ask for help and I will do my best :)

Thanks for reading and I hope this has helped you.
Click to expand...

Thanks for the share... Is it ok to share wordpress plugins that do the same thing? I am new to the forum, but don't want to break any rules!
 
You must log in or register to reply here.
Back
Top