How To Create Telegram Share Button For Blogger - KhalistaBlog -->
Skip to content Skip to sidebar Skip to footer

How To Create Telegram Share Button For Blogger

How To Create Telegram Share Button For Blogger - Can not be denied again now Telegram became one of the messaging platform competitors WhatSapp who has quite a lot of features and ease in using it. Continued increasing Telegram users is certainly one of the good opportunities as a means to spread blog content.

Well of course the existence of the share button to Telegram or Telegram share button will greatly facilitate the visitors to share post content to friends or groups Telegram.

For that now I share how to make Telegram share button for bloggers who later you can combine with other share button so that the share buttons become more complete again.

After yesterday we created Messenger Share Button, now we will make Telegram Share Button to add button share on your blog post. Telegram Share Button is of course not use javascript so it can be used on AMP and Non AMP blog and its icon also use SVG so its existence will not be too burden loading blog.

How To Create Telegram Share Button For Blogger

How To Create Telegram Share Button For Blogger

If you want to try it please use the following code to display Telegram share button on your blog.

<a expr:href='&quot;https://telegram.me/share/url?url=&quot; + data:post.url + &quot;&amp;text=Something%20cool%20loh%20try%20to%20open...%20visit:&quot;' target="_blank" rel="nofollow noopener" title="Share to Telegram">
<svg class="telegram-icon" width="24px" height="24px"><path fill="#32afed" d="M12,0c-6.626,0 -12,5.372 -12,12c0,6.627 5.374,12 12,12c6.627,0 12,-5.373 12,-12c0,-6.628 -5.373,-12 -12,-12Zm3.224,17.871c0.188,0.133 0.43,0.166 0.646,0.085c0.215,-0.082 0.374,-0.267 0.422,-0.491c0.507,-2.382 1.737,-8.412 2.198,-10.578c0.035,-0.164 -0.023,-0.334 -0.151,-0.443c-0.129,-0.109 -0.307,-0.14 -0.465,-0.082c-2.446,0.906 -9.979,3.732 -13.058,4.871c-0.195,0.073 -0.322,0.26 -0.316,0.467c0.007,0.206 0.146,0.385 0.346,0.445c1.381,0.413 3.193,0.988 3.193,0.988c0,0 0.847,2.558 1.288,3.858c0.056,0.164 0.184,0.292 0.352,0.336c0.169,0.044 0.348,-0.002 0.474,-0.121c0.709,-0.669 1.805,-1.704 1.805,-1.704c0,0 2.084,1.527 3.266,2.369Zm-6.423,-5.062l0.98,3.231l0.218,-2.046c0,0 3.783,-3.413 5.941,-5.358c0.063,-0.057 0.071,-0.153 0.019,-0.22c-0.052,-0.067 -0.148,-0.083 -0.219,-0.037c-2.5,1.596 -6.939,4.43 -6.939,4.43Z"/></svg> <span>Telegram</span>
</a>

And add the following CSS for SVG Telegram icon display:

.telegram-icon{fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;vertical-align:middle}

That's the tips I've tried to share for all of us about how to make telegram share button on blog easily, hopefully can be useful for us all who need it, good luck.

Post a Comment for "How To Create Telegram Share Button For Blogger"