How to install social media widget on blogspot

Social Media Widget is a widget that contains buttons like and profiles such as Facebook, Twitter, Google Plus and Blogger. This widget is indispensable to the blog so that visitors can interact, not just in the blog, but in Social Media as well. Read also the article about social media Making Button Facebook, Twitter and Google Plus Valid HTML5.

How to Install Social Media Widget Complete
1. Please log on your blogger account
2. Save the following code above the </ body>

<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 Add Gadget and select HTML / JavaScript, and then save the code below

<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</span> <span style="color:#000">Now</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/alhamid250" 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/ITrels" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Follow @ITrels</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://itrels.blogspot.com"></div></div></div>
<div class="g-person" data-href="//plus.google.com/107577168276378903527" data-layout="landscape" data-rel="author"></div>

4. Finally, Save

setting Up
To change the address in the above code that I consider the code mark, then just change the appropriate settings below;)

              code                                                                                       Specification
4618488608224214041                                                         Please replace with your blog ID
https://www.facebook.com/alhamid250                            Replace the Fan Page Your address
https://www.twitter.com/ITrels                                           Replace with your Twitter address
@ITrels                                                                                     Replace with your Twitter username
http://ITrels.blogspot.com/                                                 Replace with your blog address
107577168276378903527                                                  Replace with your Google Plus account ID

Please stop here first, I wrote about 'How to install social media widget on blogspot' Hopefully with this article, you can be helped ..