How to Add Floating YouTube Subscribe Button on Blogger Opportunity
 |
| How to Add Floating YouTube Subscribe Button on Blogger Opportunity |
How to add floating youtube subscribe button on blogger website How to add youtube popup subscribe button on blogger? What is a YouTube subscription?
If you have been running a website for a long time and now you have decided to open a YouTube channel and want to introduce your YouTube channel to your visitors, then YouTube popup subscribe button is the best option.
You can do this in many ways but one way to send your website visitors to YouTube from your Blogger website is to create a YouTube popup subscribe button on your Blogger website. Today I'm going to show you a YouTube Subscribe Button Popup HTML Script.
What does this floating YouTube subscriber button do?
This floating subscribe button will remind your viewers to subscribe to your YouTube channel and prompt them to subscribe to your channel. When a user clicks on this floating YouTube Subscriber button, he will automatically be redirected to the YouTube channel. This will help you get more subscribers and views on YouTube. Let's see how you can create a floating button for YouTube subscribers on your blogger site.
What is YouTube Text Subscription Popup?
Popup YouTube Subscriber Button Widget is the best choice to drive users from your website to your YouTube channel, YouTube Subscriber Popup Widget will prompt the user to visit your YouTube channel. This script will help you get more views on YouTube.
How to Add Youtube Popup Subscribe Button on Blogger?
This is a very easy way to add a popup subscriber button to YouTube. You Just Have To Follow These Steps.
Step 1: Go to Blogger Dashboard.
Step 2: Now go to Theme Options from Theme Options, click on Customize drop down menu and click on Edit HTML.
Step 3: Now press CTRL + F and find the </body> tag.
Step 4: Then copy the script for YouTube Popup Subscriber Button below and make the necessary customizations in HTML for YouTube Popup Subscriber Button before pasting.
Below is the HTML text of YouTube Popup Subscriber button.
<style>
/* Popup Subscribe Button Designed By ChannelSEO*/ .YT-subscribe {position: fixed;left: 35px;bottom: 20px;background-color: #fffbf2;padding: 12px 12px 12px 12px;border-radius: 10px 10px 0px 0px;display: flex;align-items: center;max-width: 320px; min-width: 280px;height: auto;color: #000000;overflow: hidden;z-index: 100;border-bottom: 4px solid #b71c1c;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;} .YT-subscribe .YT-subscribe-close { position: absolute; top: 4px; right: 8px; } .YT-subscribe .YT-subscribe-close svg { width: 22px; height: 22px; fill: #000; } .YT-subscribe .YT-subscribe-img { width: 70px; height: 50px; } .YT-subscribe .YT-subscribe-img img { display: flex; align-items: center; justify-content: center; width: 50px; } .YT-subscribe .YT-subscribe-content { width: calc(100% - 70px); padding-left: 1px; } .YT-subscribe .YT-subscribe-content a { display: block; color: inherit; } .Subscribe_btn {font-weight: 600;font-size: 12px;display: flex;align-items: center;justify-content: center;width: 120px;height: 30px;padding: 5px 6px;background-color: #e4393c;border-radius: 4px; color: #fff;margin-top: 12px;bottom: 0;right: 0;flex-wrap: wrap;flex-direction: row;align-content: center;} .YT-subscribe .YT-subscribe-content .YT-title { display: block; font-weight: 700; font-size: 13px; text-align: left; padding-left: 12px } .YT-subscribe .Subscribe_btn a { display: block; color: inherit; color:#fff; } .YT-subscribe .YT-subscribe-content .YT-desc { display: block; font-size: 10px; margin-top: 5px; color: #000; text-align: left;padding-left: 12px; line-height: normal; font-weight: 500; } .YT-btn-text{margin-left:9px}
</style>
<div class='YT-subscribe' id='YT-btn'>
<div class='YT-subscribe-close' onclick='document.getElementById("YT-btn").style.display="none"'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
<div class='YT-subscribe-img'>
<img alt='Youtube Channel Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3mhqKgfdrcD5PTzAOXOfMoeb-3tR4RkE8hIC-nsR5hOP6tezmBbolDiska-hQSwA_ACE3Qq9OvpiZdvwaIAI3sc8wlce1biWNlasn7Inxqvecc2KAXuTZ6ufItHp9UvX__ggmDZJ0wrNXvrvJu0kHu0UBYNb-IJn8BNxgJ7ablZYGvWWPiypog8Lh/s224/Channel%20SEO-1.png'/> </div>
<div class='YT-subscribe-content'>
<span class='YT-title'>ChannelSEO</span>
<span class='YT-desc'>Subscribe To Watch More Blogging Tutorials</span> </div>
<div class='Subscribe_btn'>
<a href='https://youtube.com/channel/UC2XFdy9aCF4Si_wvGhpLyLw?sub_confirmation=true' target='_blank'>
<span class='YT-btn-text'>Subscribe</span></a>
</div></div>
Step 5: Now paste the script above the </body> tag and save the theme.
Some Benefits of YouTube Floating Subscriber Button
Visitors can discover your YouTube channel without any ads. You will have huge number of subscribers and you can watch on your YouTube channel. This button is fully customizable you can customize this button to your liking. You can also access Facebook, Twitter etc. from this button.
Note: You can only add this YouTube Subscribe button text to a specific page. There is only one way.
If you like this method of adding floating subscribe button on YouTube then please share this method with your blogger friends and don't forget to join our telegram channel.
0 Comments