Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    +1 Button Integration with html and css sidebar

    Hey

    I need to integrate a google +1 button with my sites side bar. It needs to sit left of the google plus button on my site at www.borealtrek.com. You can see that there, it should be very obvious.

    Any idea how to integrate the +1 button with that whole side bar there?
    Thanks for the help! It is very appreciated.

    Heres the code for the side bar.

    <html>
    <head>
    <title>widget1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (widget1.psd) -->
    <table id="Table_01" width="300" height="30" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_01.jpg" width="10" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_02.png" width="31" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_03.jpg" width="18" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_04.jpg" width="31" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_05.jpg" width="20" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_06.jpg" width="31" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_07.jpg" width="20" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_08.jpg" width="30" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_09.jpg" width="15" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_10.jpg" width="30" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_11.jpg" width="24" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_12.jpg" width="31" height="30" alt=""></td>
    <td>
    <img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_13.jpg" width="9" height="30" alt=""></td>
    </tr>
    </table>
    <!-- End Save for Web Slices -->
    </body>
    </html>

    And heres the code for my +1 button

    <!-- Place this tag where you want the +1 button to render -->
    <glusone annotation="none" href="www.borealtrek.com"></glusone>

    <!-- 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 = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
    </script>

  • #2
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Any ideas on how to do this?


  •  

    Posting Permissions

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