Pasang Tombol Share dibawah Posting Blogger

Sosial media lahan empuk untuk promosi blog atau website. Agar pengunjung lebih mudah untuk share atau membagikan atikel di blog atau website, kita perlu memasang tombol share. Nah kali ini saya mencoba berbagi pengalaman cara pasang tombol share dibawah posting blogger dengan mudah tanpa pakek ribet.....untuk demonya anda bisa lihat dibawah posting diblog ini 'almunai.blogspot.co.id' kurang lebih tampilan tombol share setelah kita pasang seperti di blog saya ini. kalau anda ingin mencobanya hal pertama yang harus anda terapkan sebagai berikut.
Copy dan pastekan kode dibawah ini diatas kode ]]></b:skin>

.bst table td{background: #3d5a99;color: #D8DFEA;padding: 1%; line-height: 50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width: 980px) {
.bst table{margin-bottom: 10px}
.bst table td{float: left;margin-bottom: 10px;width:49%}
.bst table td+td{float:right}
.bst table td+td+td{float:left}
.bst table td+td+td+td{float:right;padding-bottom:3.5px}
.bst table td+td+td+td+td{text-align:center;width:100%}
}
@media screen and (max-width: 640px) {
.bst table td{float:none;width:100%;display:block}
.bst table td+td+td+td+td{text-align:left}
}<

Langkah selanjutnya copy dan pastekan kode dibawah ini diatas kode </article>

<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class='bst'>
<table cellspacing='0'><tbody>
<tr>
<td style='background: #3B5998;'>
<div class='fb-share-button' data-layout='button_count'/></td>
<td style='background: #DD4B39;'>
<div class='g-plusone' data-size='medium'>
</div></td>
<td style='background: #2BA9E1;'>
<a class='twitter-share-button' data-via='Almunai' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://sites.google.com/site/munaiajl/almunai-script/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></td>
<td style='background:#0077B5'>
<script src='//sites.google.com/site/munaiajl/almunai-script/in.js' type='text/javascript'> lang: en_US</script>
<script data-counter='right' type='IN/Share'/></td>
<td style='background:#BA1E2D;padding-right:10px'>
<script type='text/javascript'>
(function(d){
    var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
    p.type = 'text/javascript';
    p.async = true;
    p.src = '//sites.google.com/site/munaiajl/almunai-script/pinit.js';
    f.parentNode.insertBefore(p, f);
}(document));
</script>
<div id='pin-wrapper'>
<a class='pin-it-button' count-layout='horizontal' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&media=" + data:blog.postImageUrl + "&description=" + data:post.title' rel='nofollow'>Pin It</a>
</div></td></tr></tbody></table>
</div>
</b:if>