www.webdeveloper.com
Results 1 to 3 of 3

Thread: Making four social like buttons align

  1. #1
    Join Date
    Nov 2013
    Posts
    2

    Making four social like buttons align

    Hello,

    How would I make these 4 social like buttons align in a vertical row? Right now they are on my website vertically. I want to put them in the sidebar

    The 4 are Facebook like, Twitter share, Google+ share, and a Russian site

    Code:
    <div id="fb-root"></div>
    <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_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-like" data-href="https://website.com" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div><br>
    
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://website.com" data-via="twitter">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><br>
    
    <div class="g-plus" data-action="share" data-annotation="bubble" data-href="http://website.com"></div>
    
    <script type="text/javascript">
      (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
      })();
    </script><div id="ok_shareWidget"></div>
    
    <script>
    !function (d, id, did, st) {
      var js = d.createElement("script");
      js.src = "http://connect.ok.ru/connect.js";
      js.onload = js.onreadystatechange = function () {
      if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
        if (!this.executed) {
          this.executed = true;
          setTimeout(function () {
            OK.CONNECT.insertShareWidget(id,did,st);
          }, 0);
        }
      }};
      d.documentElement.appendChild(js);
    }(document,"ok_shareWidget","http://website.com","{width:145,height:30,st:'oval',sz:12,ck:3}");
    </script>

  2. #2
    Join Date
    Nov 2013
    Location
    new york
    Posts
    68
    Use font awesome css. You can get all social icons as a text then no problem.
    Now a days web desgners are using icons as font.
    Looking for a best Web Design Training in New York? Briomatrix is the best institute. Visit www.linkedin.com/in/nycwebdesign

  3. #3
    Join Date
    Nov 2013
    Posts
    34
    I always get Social Media buttons embed code from 'Add me This' site as per my need viz. vertical or horizontal.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles