Widget Social Media adalah widget yang mempunyai tombol like dan profile seperti Facebook, Twitter, Google + dan Badge Google + Follower. Widget ini amat berguna kepada pengunjung blog anda untuk berinteraksi di luar blog.

Cara Membuat Widget Social Media di Blog

1. Sign in akaun Blogger anda.
2. Copy paste code berikut di atas code </body> dalam HTML template anda.

<script type='text/javascript'>
//<![CDATA[
(function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})();
//]]>
</script>

3. Then, pilih Layout, Add Gadget, pilih HTML/JavaScript dan copy paste code berikut.

<div style="background:#3498db;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=4618488608224214041" target="_blank" title="Follow this blog"><span style="color:#fff">Join This Site</span></a>
</div>
<div style='background:#fff;margin:0;border:1px solid #ccc;border-bottom:none;border-top:none'>
<div style='background:#fff;margin:0;'>
<div class="fb-like-box" data-href="https://www.facebook.com/Mousirr" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="false" data-show-border="false"></div></div>
<div style="background:#fff; border-top:1px solid #ccc;margin:0; padding:5px 0 5px 40px"><a href="https://twitter.com/KangMousir" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @KangMousir</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://kang-mousir.blogspot.com"></div></div></div>
<div class="g-person" data-href="//plus.google.com/107577168276378903527" data-layout="landscape" data-rel="author"></div>

4. Save.

Untuk menggantikan alamat pada code berwarna di atas, boleh rujuk cara pengaturan di bawah ini.

Code	Keterangan
4618488608224214041	Ganti dengan ID blog anda
https://www.facebook.com/Mousirr	Ganti dengan alamat FanPage Facebook anda
https://www.twitter.com/KangMousir	Ganti dengan alamat Twitter anda
@KangMousir	Ganti dengan username Twitter anda
http://kang-mousir.blogspot.com/	Ganti dengan alamat blog anda
107577168276378903527	Ganti dengan ID akaun Google + anda

sumber: Kang Mousir