How to Install Widget Cool Social Media Blog

Social media is probably the most frequent site visit someone when you are using the Internet as this is currently the most popular social media sites facebook, twitter, google + and others.

This time I will share a little tutorial on how to install social media widgets addition to the right or left of the blog to blog look more attractive and nice views.

For example widget you can see yourself in the right side of my blog (I already dislodged hehe). If you are interested to follow this tutorial my blogspot, please follow the steps.

Social Widgets steps to make cool media in the blog

     Please login to each account blogger
     Immediately go to the Layout menu - Add a Gadget or the English language Add Gadget
     Then select HTML / Java Script
     Enter the code below

     <style type = 'text / css'>
     .socialize-panel & gt; div {display: block; text-align: center} .socialize-panel & gt; div a {display: inline-block; margin: 3px 0; color: # fff; width: 65px; margin-bottom: 15px} .socialize-panel & gt; div aspan{display:block;background:#444;color:#fff;margin-bottom:1px;font-size:18px;font-weight:700;padding:6px 0} .socialize-panel & gt; div a: hover span {background: # 444; color: # FACE0C} .socialize-panel & gt; ai div {display: block; background: # 4667AE; font-size: 10px; color: # fff; padding: 4px 0; font-style: normal} .socialize-panel p {font-size: 13px; margin: 0}
     </ style>
     <div class = "socialize-panel">
     <div>
     <div class = "social-like">
     <a href='http://www.facebook.com/savuzarpk' rel='nofollow' target='blank'> <span> 2.6k </ span> <i style = "background: # 4667AE;"> Facebook </ i> </a>
     <a href='http://www.twitter.com/bayuristian' rel='nofollow' target='blank'> <span> 974 </ span> <i style = "background: # 009BDA;"> Twitter </ i> </a>
     <a href='http://plus.google.com/+bayuristian' rel='nofollow' target='blank'> <span> 403 </ span> <i style = "background: # DC4B39;"> Google+ </ i> </a>
     <a href='http://feeds.feedburner.com/bayuristian' rel='nofollow' target='blank'> <span> 832 </ span> <i style = "background: # FFE620;"> RSS Feed </ i> </a>
     </ div>
     </ div> <! - END .socialize-panel -> </ div>

the latter is simply click save, and see the results, certainly succeeded . Maybe it's just my tutorial this time, hopefully with the tutorial How to Install Social Media Widget on this blog can help you to beautify the blog.