FB, Google +, Twitter SideBars

asp_net2
asp_net2 used Ask the Experts™
on
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.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
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="http://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>

Author

Commented:
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.

Commented:
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
CompTIA Network+

Prepare for the CompTIA Network+ exam by learning how to troubleshoot, configure, and manage both wired and wireless networks.

Commented:
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

Commented:
just watch for copyright infringements if you copy ee

Author

Commented:
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?
Technical SEO Consultant
Commented:
Google+ Button
http://www.google.com/webmasters/+1/button/

Facebook Like Button
https://developers.facebook.com/docs/reference/plugins/like/

Twitter Tweet Button
https://dev.twitter.com/docs/tweet-button

Or you can use a third party tool like ShareThis:
http://sharethis.com/

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial