JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<!-- Twitter -->
<div class="social">
    <a href="https://twitter.com/share" class="twitter-share-button"
    data-lang="en"
    data-url="http://example.com/"
    data-text="Tweet this entry"
    data-via="me"
    data-count="vertical"
    >Tweet</a>
    <a href="https://twitter.com/share" class="twitter-share-button"
    data-lang="en"
    data-url="http://example.com/"
    data-text="Tweet this entry"
    data-via="me"
    >Tweet</a>
</div>

<!-- Google plusone -->
<div class="social">
    <div class="g-plusone" data-size="tall" data-href="http://example.com"></div>
    <div class="g-plusone" data-size="medium" data-href="http://example.com"></div>
    <g:plusone size="small" href="http://example.com"></g:plusone>
</div>

<!-- Facebook -->
<div class="social">
    <div id="fb-root"></div>
    <div class="fb-like"
    data-href="http://example.com/"
    data-layout="box_count"
    data-send="false"
    data-width="70"
    data-show-faces="false">
    </div>
    <div class="fb-like"
    data-href="http://example.com/"
    data-layout="button_count"
    data-send="false"
    data-width="120"
    data-show-faces="false">
    </div>
</div>
<div class="social">
    <fb:like href="http://example.com/" send="false" width="450" show_faces="false"></fb:like>
</div>

JavaScript

(function(w,d){
    w._gaq=[["_setAccount","UA-XXXXXXXX-X"],["_trackPageview"]];
    w.___gcfg={lang:"en"};
    var c,e=d.createDocumentFragment(),f=d.getElementsByTagName("script")[0],
    a=function(a,b){if(!d.getElementById(b)){c=d.createElement("script");c.src=a;c.id=b||null;c.async=true;e.appendChild(c);}};
    a(("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js");
    a("https://apis.google.com/js/plusone.js");
    a("//platform.twitter.com/widgets.js");
    a("//connect.facebook.net/en_US/all.js#xfbml=1","facebook-jssdk");
    f.parentNode.insertBefore(e,f);
})(this,document);