How to Add Floating Subscribe Button on Blogger

Hi to all in this article, I am going to tell you all about how to add floating subscribe button in blogger website easily in just  minute.

So read this article completely and don't miss any step, if you miss then you may get error while saving the code in theme section.

How to Add Floating Subscribe Button on Blogger

Steps to Add Floating Subscribe Button in Blogger

Step-1: First of all you all need to login to blogger dashboard.

Step-2: Here click on Theme section -> Customize -> Back Up Theme -> Download Theme.

Step-3: Now click on Theme section -> Arrow button -> Click Edit HTML.

Step-4: Here you need to press CTRL + F and then you will see a search bar there you need to enter </body> tag or closing body tag and click enter.

Step-5: Copy the below provided code and paste it above </body> tag.

<!--[ Paste the below code above </body> ]--> <style> /* Popup Subscribe Button Designed By Key2blogging */ .YT-subscribe {position: fixed;left: 35px;bottom: 20px;background-color: #ececec;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 #ff3b00;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://www.pngarts.com/files/9/Vector-YouTube-Logo-PNG-Free-Download.png'/> </div> <div class='YT-subscribe-content'> <span class='YT-title'>Your Channel Name</span> <span class='YT-desc'>Subscribe To Watch More on SEO</span> </div> <div class='Subscribe_btn'> <a href='https://www.youtube.com/Channel Name?sub_confirmation=true' target='_blank'> <span class='YT-btn-text'>Subscribe</span></a> </div></div>
Copy

Step-6: Now after pasting the code, click on save button.

Step-7: Here in theme page, processing will begin and after some time you will see a message i.e. Updated Successfully.

Step-8: Now you have added floating subscribe button in your blogger website successfully without any error.

Note:

If you find any error while saving the code, then you need to remove the pasted code and follow the above steps again.

Conclusion

If you follow the above provided steps then you can easily add floating subscribe button on blogger easily in just 1 minutes.