Tutorials, Tips, and Resources

for Creating a Better Blog

7-Day Blog Bootcamp Challenge

Shape up your blog in a week! (learn more)

Add a YouTube Subscribe Button to Your Blog

YouTube has become a popular secondary outlet for many bloggers, and it’s a platform that shouldn’t be overlooked. Since most of the current generation frequents YouTube often, it is a great way to gain additional followers and drive traffic to your main website.

Getting subscribers can be difficult if you don’t know where to begin, but luckily if you already have a blog or a website, YouTube offers a couple of tools to allow your readers to easily subscribe to your channel.

Create a YouTube Subscribe Text Link

The first way to collect subscribers is through a simple text link. You can include a link within your post text, or create a custom image for your sidebar that matches your blog design. To add a text link, copy the code below and replace the text with your own link text, and username with your own YouTube channel name:

<a href="https://www.youtube.com/user/YOURCHANNELNAME?sub_confirmation=1">Subscribe to my channel!</a>

This code will create a link like this: Subscribe to my channel! 

Any user who is not currently subscribed to you will see a popup over your YouTube page asking them to confirm their subscription.

Create a YouTube Subscribe Image Link

To use your own image instead of text, use the code below, replacing the username with your own channel name, and the image URL with the URL of your hosted image. Hint: upload it to a place like Photobucket.

<a href="https://www.youtube.com/user/YOURCHANNELNAME?sub_confirmation=1"><img src="http://YOURIMAGEURL.com/IMAGE.jpg" alt="Subscribe"></a>

Create a YouTube Subscribe Button with Counter

YouTube also offers a button you can place on your site or sidebar as well which can display your subscriber count.

Go to the YouTube Developer page here.

You will see a variety of button types to choose from and a form to input your own channel information. Configure the button however you like and copy the generated code. You can then add this code to your sidebar by creating an HTML/Javascript widget in Blogger or Text widget in WordPress and pasting it there.

If you’d like to center it, just wrap the code in <center> elements like so:

<center><script src="https://apis.google.com/js/platform.js"></script>
 <div class="g-ytsubscribe" data-channel="YOURCHANNELNAME" data-layout="full" data-count="default"></div></center>

Now you have an easy way for your readers to subscribe to your channel!

  • Aeldra Robinson

    This was a really helpful step by step, but can I just ask, when your name comes up on the blog post does it have a box around it once you have published it? I can’t seem to get rid of the box, can you help at all!? Thanks

    electronic signature in word

  • Cara

    Hello! First off, I love you so much. Your website and teachings is too fab!! And my question…When you said “You can then add this code to your sidebar by creating an HTML/Javascript widget in Blogger or Text widget in WordPress and pasting it there” near the end, what does this actually mean? Where is the HTML/Javascript widget in Blogger? Kinda new to this. Cheers xx

    • spottedstar1123

      I don’t know if you still need help with this, but I’ll tell you anyway for any people who need help in the future.
      1. Click on the blog so you get to the page with the sidebar on the left that says “Overview”, “Posts”, etc.
      2. Click on “Layout” (third to last).
      3. Whichever area you want to add the widget (I suggest the right sidebar), click on “Add a Gadget” right underneath the title of the area (ex: sidebar-right-1)

      4. A popup will appear with a list of widgets/gadgets you can add. Scroll down until you find the one that says “HTML/JavaScript”, and click on the blue plus sign to the right of the titlet.
      5. Now, you can copy and paste the code you want to use in the content area, then press “Save” when you’re done.
      6. After adding it, the widget will appear in the layout. You can now drag it to whichever position you want.

      I hope this was helpful!