'
/* Share Button Dakota */
.share-judule {display: inline-block;margin: 0;background: #fff;z-index: 1;position: relative;padding: 0 10px;}
#share_btnper{margin:0 auto;padding:0;text-align:center;display:block}
.showother{display:none}
.share_btn{position:relative;margin:0;padding:0;display:block;overflow:hidden}
.share_btn ul,ul .showother{position:relative;margin:0;padding:0;font-size:12px}
.share_btn ul li{display:inline-block;overflow:hidden}
.share_btn li a,.shareplus{color:#fff;padding:0;width:30px;display:inline-block;text-align:center;height:30px;line-height:30px;transition:all 0.25s;margin:0 5px 5px 0;text-transform:uppercase;border-radius:99em;overflow:hidden}
.share_btn i{font-size:15px;padding:0;margin:0;line-height:30px;text-align:center}
.shareplus{padding:0;background:#c3002e;cursor:pointer;color:#fff;}
.share_btn a:hover{background:#fff}
.share_btn li a.fb{background:#c3002e}
.share_btn li a.tw{background:#c3002e}
.share_btn li a.gp{background:#c3002e}
.share_btn li a.pt{background:#c3002e}
.share_btn li a.le{background:#c3002e}
.share_btn li a.tr{background:#c3002e}
.share_btn li a.em{background:#c3002e}
.share_btn li a.ln{background:#c3002e}
.share_btn li a.bm{background:#c3002e}
.share_btn li a.wa{background:#c3002e}
.share_btn li a.tg{background:#c3002e}
.share_btn li a:hover,.shareplus:hover{background:#c3002e;transition:all .3s ease-out;opacity:0.8}
.BlackBerry-Icon {width:42px;height:42px;padding-top:7px}
#hideshare{display:none}
.label-line {text-align: center;margin-bottom: 6px;position:relative;}
.label-line:before {z-index: 1;content: "";width: 100%;height: 2px;background: #fafafa;position: absolute;
top: 50%;left: 0;margin-top: -2px;}
<b:if cond='data:blog.pageType == "item"'>
<div class='share-wrpaper' id='share_btnper'>
<div class='label-line'>
<p class='share-judule'>Share to</p>
</div>
<div class='share_btn'><ul>
<li><a class='fb' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=626,resizable=0,top=50,left=100");return false;' rel='nofollow' title='Share to Facebook'><i class='fa fa-facebook'/></a></li>
<li><a class='tw' expr:href='"http://www.blogger.com/share-post.g?blogID=" + data:blog.blogId + "&amp;postID="+ data:post.id + "&amp;target=twitter"' expr:title='data:top.shareToTwitterMsg' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a class='wa' data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp' style='clear:both;font-size:19px!important'/></a></li>
<li><a class='em' expr:href='"http://www.blogger.com/share-post.g?blogID=" + data:blog.blogId + "&amp;postID="+ data:post.id + "&amp;target=email"' expr:title='data:top.emailThisMsg' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank'><i class='fa fa-envelope-o'/></a></li>
<li><div id='showshare'><span class='shareplus' href='javascript:void(0)' onclick='document.getElementById('showother').style.display='inline-block';document.getElementById('showshare').style.display='none';document.getElementById('hideshare').style.display='inline-block''><i aria-hidden='true' class='fa fa-plus'/></span></div></li><li><div id='hideshare'><span class='shareplus' href='javascript:void(0)' onclick='document.getElementById('showother').style.display='none';document.getElementById('showshare').style.display='inline-block';document.getElementById('hideshare').style.display='none''><i aria-hidden='true' class='fa fa-minus'/></span></div></li></ul>
<ul class='showother' id='showother'>
<li><a class='tg' expr:href='"tg://msg?text=" + data:post.title + " - " + data:blog.url' rel='nofollow' target='_blank' title='Share on Telegram'><i aria-hidden='true' class='fa fa-telegram' style='font-size:20px!important'/></a></li>
<li><a class='pt' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:post.thumbnailUrl + "&amp;description= + data:post.title"' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' target='_blank'><i class='fa fa-pinterest'/></a></li>
<li><a class='le' expr:href='"http://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank' title='Share on LinkEdin'><i aria-hidden='true' class='fa fa-linkedin'/></a></li>
<li><a class='tr' href='http://www.tumblr.com/share' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank'><i class='fa fa-tumblr'/></a></li> <span class='post-view' expr:data-id='data:post.id'><i class='fa fa-eye'/> Dilihat <span class='view-load' id='postviews'>0</span> kali</span>
</ul>
</div>
</div>
</b:if>
</div>
</div>
</b:if>
</b:if>
<div style='clear: both;'/>
