title: There's a new Telegram "button" for websites - need help to use it on blogspot
body: <p>I'm trying to implement this button for my blog (on Blogger) but I can't really understand how it works, take a look at this post (you will see the Telegram Button with the type &quot;Forward&quot; at the end of the post): <a href="https://telegram.org/blog/supergroups" rel="nofollow noreferrer">https://telegram.org/blog/supergroups</a></p>
  <p>I found the HTML, this is the markup:</p>
  <pre><code>&lt;a href=&quot;https://telegram.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Fsupergroups&amp;amp;text=Group%20Admins%2C%20Supergroups%20for%20up%20to%201000%20members%2C%20new%20In-App%20Notifications%20and%20Quick%20Share.&quot; class=&quot;tl_telegram_share_btn&quot; id=&quot;tl_telegram_share_btn&quot; data-text=&quot;Group Admins, Supergroups for up to 1000 members, new In-App Notifications and Quick Share.&quot; data-url=&quot;https://telegram.org/blog/supergroups&quot;&gt;&lt;i class=&quot;tl_telegram_share_icon&quot;&gt;&lt;/i&gt;&lt;span class=&quot;tl_telegram_share_label&quot; target=&quot;_blank&quot;&gt;Forward&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  <p>and this is the CSS:</p>
  <pre><code>.tl_telegram_share_btn {
      display: inline-block;
      border-radius: 15px;
      background-color: #54a9eb;
      cursor: pointer;
      line-height: 22px;
      margin-right: 15px;
      padding: 5px 12px 5px 5px;
      color: #FFF;
      font-weight: bold;
  }
  i.tl_telegram_share_icon {
      display: inline-block;
      width: 22px;
      height: 22px;
      background: url(/img/share_logo.png) 0 0 no-repeat;
      background-size: 22px 22px;
      margin-right: 7px;
      vertical-align: top;
  }
      .tl_telegram_share_label {
      line-height: 21px;
      vertical-align: top;
      display: inline-block;
      /* margin-top: 1px; */
  }
  </code></pre>
  <p>Despite the CSS, seems that the tricky part resides on the HTML markup, I understand that under blogspot there are some html tags and parameters to use, as:</p>
  <pre><code>  data:post.canonicalUrl
    data:post.title
  </code></pre>
  <p>I was trying to do it, using data:post.canonicalUrl in &quot;data-url&quot;, and inside the href value, but nothing works.</p>