Avatar of Brian
Brian
Flag for United States of America 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.
Web Languages and StandardsInternet MarketingSocial Networking

Avatar of undefined
Last Comment
Tony McCreath

8/22/2022 - Mon
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
Your help has saved me hundreds of hours of internet surfing.
fblack61
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?
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
ASKER CERTIFIED SOLUTION
Tony McCreath

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question