Ad-Blocker Detected :(

Sorry, we detected that you have activated Ad-Blocker.

Please consider supporting us by disabling your Ad-Blocker, it helps us in developing this Website.

Please Disable your Ad-Blocker and Refresh the page to view the site content.
Thank you!

Join our Telegram and Youtube Channels

How to add Popup Sticky Telegram Join Button on Blogger

Welcome Dudes, Thank you Come our Pixabin Blog. Let see How to create a Responsive Popup Sticky Telegram Join Button in blogger on this Article. This thing is Absolutely Use full to share your Article on telegram. This Popup Telegram Join button is very useful to increase your Telegram Channel or Telegram Group Subscribers. So, let us go to the main point in this Blog Article.👇

What is Popup Telegram Join Button?

This Popup Telegram join button will appear from the bottom of your website so that users who visit your website can see the Telegram Group or Telegram Channel you have for your website. So, with this telegram popup subscribe button you can increase the users of your telegram channel or telegram group.

This Telegram Join Button how works?

This Telegram join button is a popup sticky telegram join button. This Telegram Popup join button will appear immediately when visitors come to your website. Thus the visitors of your website are more likely to visit your telegram page. This popup telegram join button was created for this reason.

What is the Use Of Telegram Join Button?

  • This Popup Telegram join popup will help the visitors of your website to visit your Telegram channel.
  • Helps to increase the audience of your Telegram channels and increase the subscribers of Telegram Group or Telegram Channel.
  • With this popup Telegram join button, you will increase the number of great viewers from Telegram.
  • Posts from your website can be instantly added to your audience through Telegram.

Pros and Cons of Telegram Join Button

Pros

  • Increase your Telegram Channel Subscribers
  • Get more Traffic on Telegram
  • Share your latest posts via Telegram
  • Increase your Website Traffic
  • Gives Professional Look

Cons

  • This Script increases your website loading time.

If you Want to Download This Script please hit the download button and Get File

Download Now Download

How to Setup this Popup Telegram Join Button on Blogger?

  • Step 1: Go to Your Blogger Admin Dashboard
  • Step 2: Open your Theme Section and Click Edit HTML Option
  • Step 3: Next, Find the </body> Tag on theme Script
  • Step 4: Next Copy the Below Script and Paste Above on </body> Tag.
  • Step 5: Save your Blogger template


<script type='text/javascript'>(function() {var script=document.createElement(&quot;script&quot;);script.type=&quot;text/javascript&quot;;script.async =true;script.src=&quot;//telegram.im/widget-button/index.php?id=@spiderblogging&quot;;document.getElementsByTagName(&quot;head&quot;)[0].appendChild(script);})();</script>
<style>
.pixabin-float-telegram{position:fixed;right:25px;bottom:25px;width:300px;background-color:#fff;z-index:99999;padding:15px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,0.1);border: 1px solid #ddd;}
.df-logo{float:left;width:70px;height:70px;margin:0 10px 0 0}
.rtl .df-logo{float:right;margin:0 0 0 10px}
.pixabin-float-telegram h3{color:#333333;font-size:17px;font-weight:700;margin:0 0 7px;overflow: hidden;}
.pixabin-float-telegram p{font-size:13px;color:#757575;line-height:1.5em;margin:0}
.pixabin-float-telegram a{float: left; width: 100%; background-color: #3f5fda; font-size: 14px; font-weight: 500; color: #fff; text-align: center; line-height: 28px; margin: 15px 0 0; padding: 5px; border-radius: 3px; transition: background .17s ease;}
.pixabin-float-telegram a:hover{background-color:#2980b9}
.df-hide{float: right;top:10px;right:13px;font-size:13px;color:#333333;cursor:pointer;transition:color .17s ease}
.rtl .df-hide{right:unset;left:13px}
.df-hide:hover{color:#e74c3c}
.df-logo img {width: 70px; height: 70px;}
</style><div class='pixabin-float-telegram'>
<span class='df-hide'><i class='fa fa-times'/></span>
<div class='df-logo'><img border='0' data-original-height='100' data-original-width='100' src='https://web.telegram.org/img/logo_share.png'/></div>
<h3> Join Telegram Channel</h3>
<p>Join <b>Pixabin Official</b> The Ultimate Blogging Solution</p>
<a href='https://www.pixabin.com/' target='_blank'><i class='fa fa-telegram'/> Join Telegram Channel</a>
</div>
<script type='text/javascript'>
$(function(){$(&#39;.df-hide&#39;).on(&#39;click&#39;,function(){$(&#39;.pixabin-float-telegram&#39;).fadeOut(170);});});
</script>
    

  • Step 6: Your Popup telegram join button is Ready to Rock
  • Step 7: Do not forget to modify the Script Links and Texts

How to Setup this Popup Telegram Join Button on WordPress?

  • Step 1: Go to Your Blogger Admin Dashboard
  • Step 2: Go to plugin Section and Install Tag Manager Plugin
  • Step 3: Now go to Tag manager Plugin Section and Paste script </body> Tag on Section
  • Step 4: Click the Save Button

<script type='text/javascript'>(function() {var script=document.createElement(&quot;script&quot;);script.type=&quot;text/javascript&quot;;script.async =true;script.src=&quot;//telegram.im/widget-button/index.php?id=@spiderblogging&quot;;document.getElementsByTagName(&quot;head&quot;)[0].appendChild(script);})();</script>
<style>
.pixabin-float-telegram{position:fixed;right:25px;bottom:25px;width:300px;background-color:#fff;z-index:99999;padding:15px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,0.1);border: 1px solid #ddd;}
.df-logo{float:left;width:70px;height:70px;margin:0 10px 0 0}
.rtl .df-logo{float:right;margin:0 0 0 10px}
.pixabin-float-telegram h3{color:#333333;font-size:17px;font-weight:700;margin:0 0 7px;overflow: hidden;}
.pixabin-float-telegram p{font-size:13px;color:#757575;line-height:1.5em;margin:0}
.pixabin-float-telegram a{float: left; width: 100%; background-color: #3f5fda; font-size: 14px; font-weight: 500; color: #fff; text-align: center; line-height: 28px; margin: 15px 0 0; padding: 5px; border-radius: 3px; transition: background .17s ease;}
.pixabin-float-telegram a:hover{background-color:#2980b9}
.df-hide{float: right;top:10px;right:13px;font-size:13px;color:#333333;cursor:pointer;transition:color .17s ease}
.rtl .df-hide{right:unset;left:13px}
.df-hide:hover{color:#e74c3c}
.df-logo img {width: 70px; height: 70px;}
</style><div class='pixabin-float-telegram'>
<span class='df-hide'><i class='fa fa-times'/></span>
<div class='df-logo'><img border='0' data-original-height='100' data-original-width='100' src='https://web.telegram.org/img/logo_share.png'/></div>
<h3> Join Telegram Channel</h3>
<p>Join <b>Pixabin Official</b> The Ultimate Blogging Solution</p>
<a href='https://www.pixabin.com/' target='_blank'><i class='fa fa-telegram'/> Join Telegram Channel</a>
</div>
<script type='text/javascript'>
$(function(){$(&#39;.df-hide&#39;).on(&#39;click&#39;,function(){$(&#39;.pixabin-float-telegram&#39;).fadeOut(170);});});
</script>
    

  • Step 5: Now your Telegram join button is Ready to Rock
  • Step 6: Do not forget to made Custom Modifications

Custom Modification

  1. <b>Pixabin Official</b> to your Website or Telegram Channel Name
  2. <a href='https://www.pixabin.com/' target='_blank'> to <a href='Your-Link-Here' target='_blank'>

Final Words

We hope this Popup Telegram join button will help increase the website audience. To get more similar information you need to follow our website Youtube Channel, Telegram Group, and Google news page. Thank you for Reading !!!
You may also Like

Post a Comment