Add Google +1 and Facebook Like buttons

This commit is contained in:
Nicolas Gallagher 2011-07-24 18:08:09 +01:00
parent 3c1bb7310f
commit a8f83a8992
2 changed files with 39 additions and 15 deletions

View File

@ -49,13 +49,24 @@
<p>Normalize.css is a project by Nicolas Gallagher and Jonathan Neal.</p> <p>Normalize.css is a project by Nicolas Gallagher and Jonathan Neal.</p>
<p>Detailed information on default UA styles: <a href="http://iecss.com">Internet Explorer User Agent Style Sheets</a> and <a href="http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm">CSS2.1 User Agent Style Sheet Defaults</a></p> <p>Detailed information on default UA styles: <a href="http://iecss.com">Internet Explorer User Agent Style Sheets</a> and <a href="http://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm">CSS2.1 User Agent Style Sheet Defaults</a></p>
<a class="twitter-share-button" <div class="share-bar">
href="http://twitter.com/share" <div class="share-opt">
data-count="vertical" <a class="twitter-share-button"
data-text="Checking out normalize.css" href="http://twitter.com/share"
data-via="necolas" data-count="vertical"
data-related="jon_neal">Tweet</a> data-text="Checking out normalize.css"
<script src="http://platform.twitter.com/widgets.js"></script> data-via="necolas"
data-related="jon_neal">Tweet</a>
</div>
<div class="share-opt">
<g:plusone size="tall"></g:plusone>
</div>
<div class="share-opt">
<fb:like href="" send="false" layout="box_count" width="40" show_faces="false" font=""></fb:like>
</div>
</div>
<div class="footer"> <div class="footer">
<p>A project by <a href="http://nicolasgallagher.com">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal">Jonathan Neal</a>.</p> <p>A project by <a href="http://nicolasgallagher.com">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal">Jonathan Neal</a>.</p>
@ -63,13 +74,18 @@
</div> </div>
<div id="fb-root"></div>
<script> <script>
var _gaq = [['_setAccount', 'UA-7489188-1'],['_trackPageview'],['_trackPageLoadTime']]; (function(w,d){
(function(d, t) { w._gaq=[['_setAccount','UA-7489188-1'],['_trackPageview'],['_trackPageLoadTime']];
var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1; var u=[
g.src = ('https:' == location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; '//connect.facebook.net/en_US/all.js#xfbml=1', // Facebook SDK
s.parentNode.insertBefore(g, s); '//platform.twitter.com/widgets.js', // Twitter Widgets
})(document, 'script'); 'https://apis.google.com/js/plusone.js', // Google +1 Button
('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' // Google Analytics
],i=u.length,n='script',f=d.createDocumentFragment(),e=d.createElement(n),t;while(i--){t=e.cloneNode(false);t.async=t.src=u[i];f.appendChild(t);}(t=d.getElementsByTagName(n)[0]).parentNode.insertBefore(f,t);
}(this,document));
</script> </script>
</body> </body>
</html> </html>

View File

@ -141,8 +141,16 @@ p {
background: #569107; background: #569107;
} }
.twitter-share-button { .share-bar {
margin: 20px 0 0; overflow: hidden;
margin: 40px 0 0;
*zoom: 1;
}
.share-opt {
float: left;
margin: 0 15px 0 0;
vertical-align: bottom;
} }
.footer { .footer {