In the Telegram Blog, there is a “Forward” button on each post that brings up whatever client you use and prompts you to select a chat.

If you look at the bottom of this post, I’ve implemented this on my website for every post. It’s really neat and works well as a “share” button!

Here’s the code, feel free to steal it:


<a class="telegram-share" href="''+encodeURIComponent(window.location.href), '_blank')">


  position: relative;
  display: inline-block;
  height: 20px;
  padding: 1px 8px 1px 6px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  background-color: #0088cc;
  border-radius: 3px;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 11px;

.telegram-share span{
  display: inline-block;
  margin-top: 3px;

.telegram-share i{
  display: inline-block;
  height: 20px;
  vertical-align: top;
  width: 12px;
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-size: 10px;
  /* This image is included below :) */
  background-image: url(/assets/telegram-plane.png);

  background-color: #007dbb;

  background-color: #026698;