Blog najla alliya, blog pribadi tempat sharing-sharing everything

Cara Membuat Kode Tombol Share di Blogspot

Cara Membuat Kode Tombol Share di Blogspot

Berikut najla alliya share kode share facebook twitter dan share to WA di blogspot

<div id='share-button'> <p>Bagikan </p> <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a> <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>Twitter</a>
<!-- Whatsapp Share Buttons Start -->
<a expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title + &quot;%20&quot; + data:post.url' target='_blank' title='Share whatsapp' rell="nofollow" style="background:#4db21a;">Whatsapp</a>
<!-- Whatsapp Share Buttons End -->
<div class='clear'/>
</div>
<style> #share-button{margin:10px 0;padding:5px;border: 1px solid #eee;overflow:hidden}#share-button p{float:left;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:1px 1px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:active{top:1px; left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)} </style>

Tags :

Related : Cara Membuat Kode Tombol Share di Blogspot