<b:if cond='data:blog.pageType == "item"'>
<style>
.social-network{width:100%;height:auto;margin:10px 0;clear:both}
.social-network li{display:inline-block;height:20px;list-style:none outside none;padding:10px;transition:all 0.8s linear 0s;vertical-align:middle;box-shadow:0 1px 4px 1px rgba(0,0,0,.5)}
.social-network li:first-child{background:#c4302b}
.social-network li + li{background:#00a0d1}
.social-network li:last-child{width:50%;background:#3b5998}
.social-network li:hover{background:rgba(255,255,255,.7)}
</style>
<div class='social-network'>
<li class='gplus'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone expr:href='data:post.url' size=''/>
</li>
<li class='twitter'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' expr:data-related='data:post.title' expr:data-text='data:blog.metaDescription' expr:data-url='data:post.canonicalUrl' expr:data-via='data:blog.title' href='https://twitter.com/share' rel='nofollow'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</li>
<li class='fb'>
<script>
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
<fb:like action='like' colorscheme='light' expr:href='data:post.url' font='arial' layout='standard' send='false' show_faces='false'/>
</li>
</div>
</b:if>
Hasilnya Menjadi:
