In general, those who have a Youtube channel always ask viewers to click like, especially click subscribe to make graphics in the video. For this tip, we will see how to place the subscribe Youtube tab floating on the bottom left of the monitor screen to help increase the number You can click subscribe Youtube for blog owners or rent popular blogs to put this code.
៙ How to code a template:
1. Log in to your blogger account first
2- Go to Theme> Edit html
3- Find the code tag </head> and copy the code below and paste it on top.
<data-select-link-text="1"><div class='AT-sub jhfdiuh0' id='at746427'>
<div class='AT-sub-close' onclick='document.getElementById("at746427").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='AT-sub-img'><img alt='AnuTrickz' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis6JGkwDh0bjNvExTYeyeSJJC1I6GygJ70VK3HIWCOu2g4M92dB1uSVpl7BvZh67pr46wMru44AqdsHD7ON4DREnHOAxy0sde3dYbpwDmGCspKvD0k6P7r_tNyS8uHzxYHb66Ud1GfOO5l/s0/Artboard+1+copy+2.png'/>
</div>
<div class='AT-sub-content'>
<span class='title'>Name</span>
<span class='desc'>Subscribe our Youtube Channel</span>
</div>
<div class='at-btn'>
<a href='https://www.youtube.com/channel/UCkcyTy0F9FO4mAnhE93q3Qw?sub_confirmation=true' target='_blank'>
<span class='bt-text'>Subscribe</span></a>
</div></div>
Where to change the code:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis6JGkwDh0bjNvExTYeyeSJJC1I6GygJ70VK3HIWCOu2g4M92dB1uSVpl7BvZh67pr46wMru44AqdsHD7ON4DREnHOAxy0sde3dYbpwDmGCspKvD0k6P7r_tNyS8uHzxYHb66Ud1GfOO5l/s0/Artboard+1+copy+2.png
+Big head is the place to name Channel
+Subscribe our Youtube Channel Where to write words to help click subscribe
UCkcyTy0F9FO4mAnhE93q3Qw is the ID of the youtube channel, which can be a code or a name that you have changed. And there might be a profile like this https://youtube.com/c/xxxxxx?sub_confirmation=true
4- Find the <body> tag and copy the CSS code below and paste it below.
<style>
/* Subscribe button by Anutrickz */
.AT-sub { position: fixed; left: 55px; bottom: 20px; background-color: #f2f2f2; padding: 12px 15px 12px 12px; border-radius: 15px; box-shadow: 0 4px 12px 0 rgba(9,32,76,.05); display: flex; align-items: center; max-width: 300px; min-width: 280px; color: #000000; overflow: hidden; z-index: 50;} .AT-sub .AT-sub-close { position: absolute; top: 4px; right: 8px; } .AT-sub .AT-sub-close svg { width: 22px; height: 22px; fill: #000; } .AT-sub .AT-sub-img { width: 70px; height: 50px; } .AT-sub .AT-sub-img img { display: flex; align-items: center; justify-content: center; width: 50px; } .AT-sub .AT-sub-content { width: calc(100% - 70px); padding-left: 1px; } .AT-sub .AT-sub-content a { display: block; color: inherit; } .at-btn{font-weight: 700; font-size: 11px; display: flex; align-items: center; justify-content: flex-end; width: 73px; height: 25px; padding-right: 12px; background-color: #e4393c; border-radius: 4px; color: #fff; margin-top: 12px; bottom: 0; right: 0; } .AT-sub .AT-sub-content .title { display: block; font-weight: 700; font-size: 13px; text-align: left; padding-left: 12px }.AT-sub .at-btn a { display: block; color: inherit; color:#fff; } .AT-sub .AT-sub-content .desc { display: block; font-size: 10px; margin-top: 5px; color: #000; text-align: left;padding-left: 12px }.bt-text{margin-left:9px}
</style>
5 - Finally, click Save template and go see the results.
