How to Make Social Sticky Widget Valid HTML5.

Oleh Oktavialei

How to Make Social Sticky Widget Valid HTML5. Updates new year 2015 :), bloggers how your new year's eve?? certainly if that already has do'i already beginning to prepare a plan of streets with someone ..! how well his news to the jomblowers? hemm .. surely reply to jomblower it hopes on New Year's Eve hope it can go down rain from it? hehe joke, but do not be sad jomblower yes, because I think the jomblowers it actually is a person who possessed strong principles, because he just give love just for the love of his life alone, So..key to be lasting in love is a consistent belief .. ! Excuse me somewhat distorted, now back to the topic ..

Bloggers this time I want to share a tutorial on how to make sticky cool widgets and social media are valid HTML5, so it contains social widget button is applied at once in one column widget, for purposes of this widget sendir, of course, to add our followers and for the appearance please see the picture below.

Well that is an example for the picture, if you want more clearly can see in the sidebar of my blog, because I also use this widget and if you are also interested in installing please follow the tutorial I gave:

How to Make Social Sticky Widget Valid HTML5.
1. Go to your blogger account
2. Select Menu Template> Edit HTML.
3. Now put the below code just 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> 

4. Click Save your template.
5. Now Select Menu Layout> Add Gadget> HTML / Javascript and paste the code below in the column.

<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=ID-BLOGGER" 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/ID-FACEBOOK" 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/ID-TWITTER" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @TWITTERNAME</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://Madamvia.blogspot.com"></div></div></div><div class="g-person" data-href="//plus.google.com/ID-GOOGLE+" data-layout="landscape" data-rel="author"></div>

Please change I marked blue suit your ID and click save template.

Finished, well that's a tutorial how to make social button widget in your sidebar, okay buddy, on gratitude profusely to God, let us say Alhamdulillah and hopefully in this New Year's Eve 2015 and for the future, may we be human best man, which we may certainly be better than the previous year, more successful, most primarily the more obedient to the khaliq .. goodnight ..

Written by: Oktavia Lee

Madamvia, Updated at: 02.46