Social share dg thumbnail pada komentar fb
Letakkan CSS
.inshare {width:100%;margin: 0; padding: 10px 0 0; text-align: center;}
.inshare .fa.fa-facebook, .inshare .fa.fa-twitter, .inshare .fa.fa-google-plus, .inshare .fa.fa-whatsapp, .inshare .fa.fa-commenting {background: #ffd34f none repeat scroll 0 0; border-radius: 3px; color: #fff; font-size: 22px; line-height: 40px; transition: all 0.31s ease 0s; width: calc(20% - 5px);}
.inshare .fa.fa-facebook:hover, .inshare .fa.fa-twitter:hover, .inshare .fa.fa-google-plus:hover, .inshare .fa.fa-whatsapp:hover, .inshare .fa.fa-commenting:hover {opacity: 0.9;}
#fb-root {margin: 15px 0 0;}
.fb_comments_count {font-size: 14px; left: 2px; position: relative; top: -2px;}
.datuk .fb_comments_count {font-size:12px;left:0;top:0;font-weight:300;margin:0;display:inline-block;color:#5a5a5a}
.fa.fa-commenting {height: 40px;}
.inshare .fa.fa-facebook {background: #3b5998 none repeat scroll 0 0;}
.inshare .fa.fa-twitter {background: #00d1f7 none repeat scroll 0 0;}
.inshare .fa.fa-google-plus {background: #df4b38 none repeat scroll 0 0;}
.inshare .fa.fa-whatsapp {background: #25d366 none repeat scroll 0 0;}
kode html
<div class='inshare'>
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a>
<a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a>
<a class='googleplus' expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-google-plus'/></a>
<a class='whatsapp' 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'/></a>
<a href='#fb-root'><span class='fa fa-commenting'><fb:comments-count expr:href='data:post.url'/></span></a>
</div>
<div class='clear'/>
Social share dg komentar facebook berdiri sendiri
