Monday, March 26, 2012

Add social networking tools in your website

You may need  to add social networking tools, such as Facebook, twitter, Google + button in your website for your website popularity and e-marketing.

To get  facebook like embed code:

To get twitter and follow twitter embed code

To get Google +1 button embed code

Below is the example of the code, replace my url to yours.

 <!--Facebook like button, (div is the style for me, you may not need it): -->
 <div style="float:left;margin-top:-0.2em;margin-left:2em;">
            <iframe src="" scrolling="no" frameborder="0"
                style="border:none; width:300px; height:80px">

<!--Twitter button: -->
 <div style="float:left;margin-top:-0.2em;margin-left:2em;">
        <a href="" class="twitter-share-button" data-counturl="" data-url="" data-text=" " data-count="horizontal" data-via="CanHealth">Tweet</a>
        <script type="text/javascript" src=""></script>

<!--Follow  in Twitter: -->
 <div style="float:left;margin-top:-0.2em;margin-left:-18em;">
    <a href="" class="twitter-follow-button" data-show-count="false">Follow @jiansenlu</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<!--Google +1 Button: -->
 <!-- Place this tag where you want the +1 button to render -->
<g:plusone href=""></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = '';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
The result: (Google +1 code works fine for my other websites, but some problem with my blogger)

No comments:

Post a Comment