<style>
#share-button {margin:0 0 8px;padding:0;overflow:hidden}
#share-button p {float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px!important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff;font-weight: 700;}
#share-button a {position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}
#share-button a:hover{top:1px;left:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}
.wa-button{color:#fff;margin:0 auto;padding:0;font-size:14px;font-weight:700}
.wa-button a{color:#222;margin:0 auto;padding:10px 8px;background:#222}
.wa-button i{font-weight:400;margin:0 10px 0 0}
</style>
<head>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
</head>
<div id="share-button" style="margin-top: 8px;">
<p>Share: </p>
<a expr:href=""http://www.facebook.com/sharer.php?u=" + data:blog.url" onclick="window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;" rel="nofollow" style="background: rgb(59, 89, 152);" target="_blank" title="Facebook">Facebook</a><a expr:href=""https://plus.google.com/share?url=" + data:blog.url" onclick="window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;" rel="nofollow" style="background: rgb(192, 54, 26);" target="_blank" title="Google+">Google+</a><a expr:href=""https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"" onclick="window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;" rel="nofollow" style="background: rgb(64, 153, 255);" target="_blank" title="Twitter">Twitter</a>
<a data-action="share/whatsapp/share" expr:href=""whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url" style="background: rgb(67, 216, 84);"><i aria-hidden="true" class="fa fa-whatsapp"> WhatsApp</i></a>
</div></div>
No comments:
Post a Comment