有一个新的网站电报“按钮”-需要帮助才能在博客上使用它
提问于 2015-11-25 22:08:40
我正在尝试为我的博客(在Blogger上)实现这个按钮，但我真的不能理解它是如何工作的，看看这篇文章(你会在文章的末尾看到类型为"Forward“的电报按钮)：https://telegram.org/blog/supergroups
我找到了HTML，这是标记：
<a href="https://telegram.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Fsupergroups&text=Group%20Admins%2C%20Supergroups%20for%20up%20to%201000%20members%2C%20new%20In-App%20Notifications%20and%20Quick%20Share." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Group Admins, Supergroups for up to 1000 members, new In-App Notifications and Quick Share." data-url="https://telegram.org/blog/supergroups"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>这是CSS：
.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; */
}尽管有CSS，但似乎最棘手的部分在于HTML标记，我知道在blogspot下有一些html标记和参数可以使用，如下所示：
data:post.canonicalUrl
data:post.title我试着这样做，在"data-url“中和href值中使用data:post.canonicalUrl，但是都不起作用。
提前谢谢你！
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-04-19 20:44:17
对于Blogspot，请使用以下代码：
<a expr:href='"https://telegram.me/share/url?url=" + data:post.url + "&text=" + data:post.title'>Share on Telegram</a>Stack Overflow用户
发布于 2016-02-03 13:06:45
这是一个Telegram函数，调用url时，它会返回一个深度链接的URI，供应用程序打开某些操作。在本例中，您将共享该链接，因此它是"/share/url?url=..."。
要使用该按钮，您可以将CSS放到您的博客中(如果blogspot/Blogger允许)，然后将CSS类添加到“前进”按钮：
<a href="//telegram.me/share/url?url=myURL&text=myTEXT" class="tl_telegram_share_btn">
<i class="tl_telegram_share_icon"></i>
<span class="tl_telegram_share_label">Forward</span>
</a>或者，您可以为链接本身放置一张图片：
<a href="//telegram.me/share/url?url=myURL&text=myTEXT" class="tl_telegram_share_btn">
<img src="/path/to/mybtn.png" class="tl_telegram_share_img" />
</a>Stack Overflow用户
发布于 2019-05-20 19:10:03
只需插入此代码，并根据您的其他共享图标添加一些CSS
<a class='telegram' expr:href='"https://telegram.me/share/url?url=" + data:post.title + "%20%2D%20" + data:post.url' rel='nofollow' target='_blank'/>使用可怕的字体图标的CSS示例
.telegram{background:#2DA5D9}.telegram:before{font-family:FontAwesome;content:"\f2c6"}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33927242
复制相关文章
腾讯云开发者
