how to add telegram button in blogger with pulsing effect
Dhanjee Rider
How to add telegram button in blogger website
In this Post i will discuss how to add a beautiful π telegram button with pulsing effect in your blogger website
Steps to add telegram pulsing button in blogger
1. Go to your blogger layout section
2. Add a HTML javascript gadget on Sidebar above popular post or anywhere in your theme you can use this this single code on your close body tag of your THEME
3. Now copy this button code and paste on your HTML javascript gadget or above close body
<style> .telegram-float { position: fixed; bottom: 20px; right: 20px; z-index: 1000; } .telegram-icon { width: 60px; height: 60px; border-radius: 50%; background-color: #0088cc; display: flex; justify-content: center; align-items: center; animation-name: pulse; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 136, 204, 0.5); } 80% { box-shadow: 0 0 0 14px rgba(0, 136, 204, 0); } } .telegram-icon svg { fill: #fff; width: 30px; height: 30px; } </style>
<a class='telegram-float' href='https://t.me/dktechnozone' target='_blank'> <div class='telegram-icon'> <svg viewBox='0 0 64 64'><path d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'/></svg> </div> </a>
Done ✅ you are added a telegram button in your website just refresh to she the change
Benefits of telegram button
In this time most of the user using telegram to grow there buisness and for learning teaching or other materials can be uploaded on telegram that's why most of user left whatsapp and goes to telegram app
And now you have opportunity to build Your chenall and group on telegram and grow up with your website audience
Demerits of adding telegram button in website
In some case user can face problem during reading article or copying any text from your website but you can position this with top and left css values.
Last word
In this post we will provided information about how to add telegram button in blogger with pulsing effect , If you enjoy this post, kindly share it with your friends. For any queries, feel free to join our Telegram channel, where we share exclusive and informative content. Many valuable tips are exclusively available on our Telegram channel. Stay updated with your favorite source, DK Technozone.
