Saturday, 16 April 2016

How to include Social network Like and follow button in website

 Index.jsp

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Social Network</title>

<!----------google script-------------->  
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script>
/*----------facebook script-------------*/
(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.6";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));


/*----------twitter script-------------*/
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
if(!d.getElementById(id)){js=d.createElement(s);js.id=id;
js.async=true;
js.src="//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}}(document,"script","twitter-wjs");
</script>
</head>
<body>
  
    <!-----facebook------>
        <div class="fb-like"
            data-href="https://www.facebook.com/Govt-Model-Boys-HSSThycaud-146378908747315/"
            data-layout="standard" data-action="like" data-show-faces="true"
            data-share="true"></div>
  
    <!-------twitter------->
        <a class="twitter-follow-button"
            href="https://twitter.com/intent/follow?screen_name=NASA&original_referer=https://dev.twitter.com/web/follow-button"></a>
  
    <!-----google plus----->  
        <div class="g-follow" data-href="https://plus.google.com/+chelseafc"
            data-rel="{relationshipType}"></div>
  
</body>
</html>