Can you help me with adding a Whats App share button below my post?
Here is the CSS code on my website:
.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;}
And this is the HTML structure:
<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='"http://www.facebook.com/sharer.php?u=" + 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='"http://twitter.com/intent/tweet?text=" + data:post.title + "&url=" + 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='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:post.thumbnailUrl + "&description=" + data:post.title' rel='nofollow' target='_blank' title='share on Pinterest'>
<i class='fa fa-pinterest'/>
</a>
</li>
</ul>
</div>
I am looking to incorporate a WhatsApp share button along with these existing buttons.