asked on

FB, Google +, Twitter SideBars

Hello Experts,

How can I get the same type of feature that this website has (Experts Exchange) on the home page. I would like to have the ability to have a Google+, Facebook, Twitter, etc.. sidebar that I can click on to share with users.

I have a photography studio and I would like to be able to promote my website pages by using the sidebar style that experts exchange uses to market parts of my page.

Ess Kay

they use this code

<div class="welcome-index-section welcome-promos">
<div class="component textComponent" id="textComponent">
<div class="body">
<div class="section">
<div class="thirtythreepercent">
      <div class="body">
            <a href="http://blog.experts-exchange.com/ee-tech-news/">
                  <div class="image"><span class="ee-tech-news"></span></div>
                  <h2 class="subtitle">Tech News Blog</h2>
                  <span>Read Now</span>
            </a>
      </div>
</div>
<div class="thirtythreepercent">
      <div class="body">
            <a href="http://blog.experts-exchange.com/ee-tech-news/podcasts/">
                  <div class="image"><span class="ee-podcast"></span></div>
                  <h2 class="subtitle">Podcast</h2>
                  <span>Listen for Free</span>
            </a>
      </div>
</div>
</div>
</div>
</div>
<div class="thirtythreepercent connect-with-us">
<span class="component textComponent" id="textComponent-id2"><h3 class="subtitle">Stay Connected</h3></span>
<div class="component stayConnected stayUpToDateWrapper" id="stayConnected">
<div class="body">
<div class="google-plus-one" id="google-plus-us">
<g:plusone href="https://www.experts-exchange.com"></g:plusone>
<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>
<div class="twitter-follow" id="twitter-follow-us">
<a href="https://twitter.com/#!/ExpertsExchange" class="twitter-follow-button" data-show-screen-name="false" data-lang="en">Follow</a>
<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
</div>
<div class="linkedin-follow" id="linkedin-follow-us">
<a href="http://www.linkedin.com/company/experts-exchange" target="blank">
<img alt="Experts Exchange on LinkedIn" src="http://static01.linkedin.com/scds/common/u/img/webpromo/btn_cofollow_badge.png" />
</a>
</div>
<div class="facebook-like" id="facebook-like-us">
<div id="fb-root"></div>
<script type="text/javascript">
(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="http://www.facebook.com/ExpertsExchange" data-send="false" data-width="450" data-show-faces="false"></div>
</div>
</div>
</div>
</div>
</div>

Brian

ASKER

Ok, but how would I be able to implement my own for my website? I have a FB and Google+ account but not sure how to implement those into my website.

Ess Kay

you can just change the address from experts page to your page

IE: facebook.com/experts-exchange --> facebook.com/yourpage
twitter.com/ee --->twitter.com/you

Ess Kay

for google you would sign into google webmaster, and there is a link to add and customise the +1 button

same for facebook, twit..etc

Ess Kay

just watch for copyright infringements if you copy ee

Brian

ASKER

Ok, would you be able to explain to me in an easy explanation on the steps for each to get the FB like button and the Google+ button from those sites rather than copying EE?

ASKER CERTIFIED SOLUTION

Tony McCreath

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial