View Full Version : +1 Button Integration with html and css sidebar

11-18-2011, 03:30 AM

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.

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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">
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_01.jpg" width="10" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_02.png" width="31" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_03.jpg" width="18" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_04.jpg" width="31" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_05.jpg" width="20" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_06.jpg" width="31" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_07.jpg" width="20" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_08.jpg" width="30" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_09.jpg" width="15" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_10.jpg" width="30" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_11.jpg" width="24" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_12.jpg" width="31" height="30" alt=""></td>
<img src="http://borealtrek.com/wp-content/uploads/2011/11/widget1_13.jpg" width="9" height="30" alt=""></td>
<!-- End Save for Web Slices -->

And heres the code for my +1 button

<!-- Place this tag where you want the +1 button to render -->
<g:plusone annotation="none" href="www.borealtrek.com"></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 = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

11-18-2011, 10:35 PM
Any ideas on how to do this?