javascript - 如何在 Blogger 帖子下方放置 Whats 应用分享按钮

Question

帮助我如何在帖子下方添加 Whats App 分享按钮以分享帖子。

我的网站上有如下 CSS -

.tl-postShare{text-align:right;}
.tl-postShare ul{display:inline-block;}
.tl-postShare ul li{margin:0;}
.tl-tagnShare{position:relative;overflow:hidden;line-height:45px;margin-top:25px;}
.tl-postShare .tl-social-icons.icon-circle .fa{margin-right:7px}
.tl-postShare h6{display:inline-block;font-size:15px;margin:0 10px 0 0;line-height:35px;}

和这样的 HTML -

 <div class='tl-postShare pull-right'>
  <h6>Share To:</h6>
  <ul class='tl-colored-social icon-flat list-unstyled list-inline'> 
    <!-- Facebook -->
    <li class='tl-fbk'>
     <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Share on Facebook'>
       <i class='fa fa-facebook'/>
     </a>
    </li>
    <!-- Twitter -->
    <li class='tl-twt'>
     <a expr:href='&quot;http://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share on Twitter'>
       <i class='fa fa-twitter'/>
     </a>
    </li>

    <!-- WhatsApp -->

    <!-- Pinterest -->
    <li class='tl-pnt'>
     <a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title' rel='nofollow' target='_blank' title='share on Pinterest'>
       <i class='fa fa-pinterest'/>
     </a>
    </li>
  </ul>
</div>

我只需要为 WhatsApp 添加一个共享按钮以及这些按钮。

Answer 1

您可以使用来自 whatsapp 的最新 API https://wa.me/ ,

通过联系人选择共享预填文本

https://wa.me/?text=urlencodedtext

为特定的 WhatsApp 用户打开聊天对话框

https://wa.me/whatsappphonenumber

与特定用户共享预填文本(合并以上两个):

https://wa.me/whatsappphonenumber/?text=urlencodedtext