Как разместить кнопку «Поделиться» в приложении Whats под публикацией Blogger - PullRequest
Новая
       18

Как разместить кнопку «Поделиться» в приложении Whats под публикацией Blogger

2 голосов
/ 06 марта 2019

Помогите мне, как добавить кнопку "Поделиться в 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 вместе с этими кнопками.

1 Ответ

0 голосов
/ 06 марта 2019

вы можете использовать последнюю версию API от WhatsApp https://wa.me/,

Поделиться предварительно заполненным текстом с выбором контактов

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

Открыть диалоговое окно чата для определенного пользователя WhatsApp

https://wa.me/whatsappphonenumber

Поделиться предварительно заполненным текстом с конкретным пользователем (объединить два выше):

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

...