How to embed Subscribe Button in html | Show Subscribe Count on Blogger

If you have a blog or a website related to a topic that is somewhere connected to your youtube channel and you want to show you subscribe count in the blog post or anywhere on your website, this article will help you do this.

Let's first see what you have to add to your website. 

Step 1:

You just need to copy and paste the below code on your website just before the </head> tag. (Both Blogger & WordPress)

<script src="https://apis.google.com/js/platform.js"></script>

Step 2:

Now copy and paste the following code in your blog post, sidebar, or anywhere you need subscribe count button.

<div class="g-ytsubscribe" data-channel="UCceIYEwzB6wartFlXaUPjKQ" data-layout="full" data-theme="dark" data-count="default"></div>

Step 3:

Replace highlighted CHANNEL ID with yours. Don't know where to get your channel ID? Click the button below.

Get Channel ID

Result

---

Customizing

Layout

You can choose to switch between FULL LAYOUT and SUBSCRIBE ONLY Layout option. Just change the following attribute in your code.

data-layout="full" OR data-layout="default"

data-layout="full"

It will display subscribe button along with your channel profile picture.

data-layout="default"

It will display only subscribe button without your profile picture.

Theme

You can switch from Light Theme to Dark Theme if your website colors are darker.

data-theme="dark" OR data-theme="default"

data-theme="dark"

It will display your subscribe button background as a dark color.

data-theme="default"

It will display your subscribe button background as a light color.

Subscriber Count

data-count="default" OR data-count="hidden"

data-count="default"

It will show real-time subscribers of your youtube channel.

data-count="hidden"

It will hide subscriber count from subscribing button.