API tools faq
paste
Muskie

Working Social Buttons

Muskie
Oct 2nd, 2013
1,359
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6. <title>Diseased Sons: Nurgle Chaos Space Marines</title>
  7. <meta name="Author" content="Muskie McKay" />
  8. <meta name="Description" content="The Diseased Sons are a Nurgle Chaos Space Marine Chapter created by Muskie McKay in the early 1990s." />
  9. <meta name="keywords" content="Nurgle, chaos space marines, 40K, Diseased Sons, warhammer, Death Guard, deathguard, tactics,
  10. battle reports, painting advice, painting tips, painting tutorials, figs, minis, miniatures, models, links" />
  11.  
  12. <!-- Facebook Open Graph -->
  13. <meta property="og:image" content="http://nurgle.muschamp.ca/muschampFamilyShield.jpg" />
  14. <meta property="og:title" content="Diseased Sons: Nurgle Chaos Space Marines" />
  15. <meta property="og:url" content="http://nurgle.muschamp.ca/" />
  16. <meta property="og:site_name" content="nurgle.muschamp.ca" />
  17. <meta property="og:type" content="website" />
  18. <meta property="og:description" content="The Diseased Sons are a Nurgle Chaos Space Marine Chapter created by Muskie McKay in the early 1990s." />
  19.  
  20. <!-- Twitter Card -->
  21. <meta name="twitter:card" content="summary" />
  22. <meta name="twitter:url" content="http://nurgle.muschamp.ca/" />
  23. <meta name="twitter:title" content="Diseased Sons: Nurgle Chaos Space Marines" />
  24. <meta name="twitter:description" content="The Diseased Sons are a Nurgle Chaos Space Marine Chapter created by Muskie McKay in the early 1990s." />
  25. <meta name="twitter:image" content="http://nurgle.muschamp.ca/muschampFamilyShield.jpg">
  26. <meta name="twitter:domain" content="muschamp.ca">
  27. <meta name="twitter:site" content="@muskiemckay">
  28. <meta name="twitter:creator" content="@muskiemckay">
  29.  
  30. <style type="text/css" media="all">@import "nurgleDarkBG.css";</style>
  31. <link rel="stylesheet" type="text/css" href="nurgleDarkBG.css" title="darkBG" />
  32. <link rel="alternate stylesheet" type="text/css" href="nurgle.css" title="lightBG" />
  33. <script type="text/javascript" src="./Scripts/styleswitcher.js"></script>
  34. <!-- You always need this Google Analytics JavaScript first -->
  35. <script type="text/javascript">
  36.  
  37.   var _gaq = _gaq || [];
  38.   _gaq.push(['_setAccount', 'UA-124148-1']);
  39.   _gaq.push(['_setDomainName', 'muschamp.ca']);
  40.   _gaq.push(['_setAllowLinker', true]);
  41.   _gaq.push(['_trackPageview']);
  42.   (function() {
  43.     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  44.     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  45.     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  46.   })();
  47.  
  48. </script>
  49. <!-- Twitter Try 3 -->
  50. <script>
  51. window.twttr = (function (d,s,id) {
  52. var t, js, fjs = d.getElementsByTagName(s)[0];
  53. if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
  54. js.src="//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
  55. return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
  56. }(document, "script", "twitter-wjs"));
  57. </script>
  58. <script>
  59. twttr.ready(function (twttr) {
  60.   twttr.events.bind('tweet', function(event) { _gaq.push(['_trackSocial', 'Twitter', 'Tweet', document.title]);  });
  61. });
  62. </script>
  63. <link href="http://nurgle.muschamp.ca/favicon.ico" rel="icon" type="image/x-icon" />
  64. </head>
  65.  
  66. <body>
  67. <!-- Try 2 at Facebook Like tracking in GA -->
  68. <div id="fb-root"></div>
  69.   <script>(function(d, s, id) {
  70.     var js, fjs = d.getElementsByTagName(s)[0];
  71.     if (d.getElementById(id)) return;
  72.     js = d.createElement(s); js.id = id;
  73.     js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=139511426095383";
  74.     fjs.parentNode.insertBefore(js, fjs);
  75.   }(document, 'script', 'facebook-jssdk'));</script>
  76.   <script>
  77.   window.fbAsyncInit = function() {
  78.     FB.Event.subscribe('edge.create', function(targetUrl) {
  79.       _gaq.push(['_trackSocial', 'facebook', 'like', targetUrl]);
  80.     });
  81.     FB.Event.subscribe('edge.remove', function(targetUrl) {
  82.       _gaq.push(['_trackSocial', 'facebook', 'unlike', targetUrl]);
  83.     });
  84.     FB.Event.subscribe('message.send', function(targetUrl) {
  85.       _gaq.push(['_trackSocial', 'facebook', 'send', targetUrl]);
  86.     });
  87.   };
  88. </script>
  89.  
  90.  
  91. <div id="Header">
  92.     <div id="StyleSwitcher">Background =
  93.         <a href="#" onclick="setActiveStyleSheet('lightBG'); return false;">light</a> ||
  94.         <a href="#" onclick="setActiveStyleSheet('darkBG'); return false;">dark</a>;
  95.     </div>
  96.     He who desires but acts not, breeds pestilence.
  97. </div>
  98.  
  99. <div id="Content">
  100.     <h1>Diseased Sons: Nurgle Chaos Space Marines</h1>
  101.     <p>Welcome to the homepage for the Diseased Sons, a  
  102.     <a href="http://www.games-workshop.ca/40kuniverse/40kuniverse.htm" title="GW Canada's 40K page">Warhammer 40,000</a>
  103.     Nurgle Chaos Space Marine Chapter.  Miniature soldiers is a hobby I was introduced to in highschool by teammates on my rugby team.
  104.     I've kept on collecting and painting model soldiers when I've had the time, energy, and money.  I've also contributed to various online communities
  105.     including building a <a href="http://news.muschamp.ca">miniature painting news aggregator</a>. I've had this army for a long, long time.  
  106.     I've dragged it across the continent and back. I don't play often, but when I do people usually enjoy gaming with me.  I'm still trying to finish
  107.     this army so that it is useable and flexiable in the current rules, alas GW keeps changing the rules.  I've yet to adapt it for 6th Edition,
  108.     but if you just want to look at pictures and read <a href="whatIsNurgle.html" title="What is Nurgle?">Nurgle</a> fluff, you're in the right place.
  109.     </p>
  110. <!-- Snipped content -->
  111. <!-- These are the actual buttons -->  
  112.     <ul class="socialIcons">
  113.         <li>
  114.             <div class="g-plusone" data-annotation="inline" data-width="120"></div>
  115.         </li>
  116.         <li>
  117.             <a href="http://nurgle.muschamp.ca/" class="twitter-share-button" data-lang="en">Tweet</a>
  118.         </li>
  119.         <li>
  120.             <fb:like></fb:like>
  121.         </li>
  122.     </ul>
  123. <!-- This is the Google+ JavaScript -->
  124.     <script type="text/javascript">
  125.       (function() {
  126.         var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
  127.         po.src = 'https://apis.google.com/js/plusone.js';
  128.         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  129.       })();
  130.     </script>
  131. </div>
  132. <!-- Snip more content -->
  133. </body>
  134. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!