npl Posted November 18, 2011 Share Posted November 18, 2011 Hey If anyone have solid knowledge of css/html any help would be awesome. =) 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 http://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 --><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); })();</script>` Quote Link to comment Share on other sites More sharing options...
Krydos Posted November 18, 2011 Share Posted November 18, 2011 http://makingmoneywithandroid.com/2011/06/how-to-add-the-google-plus-one-1-button-to-wordpress/ ? Quote Link to comment Share on other sites More sharing options...
npl Posted November 19, 2011 Author Share Posted November 19, 2011 Thanks for that but that but I know that already. The problem is that I need to insert it into a previously existing text widget and make it fill the empty space IE here. So I don't really know how to do that. lol I wish it as straight forward as the link you provided said. Quote Link to comment Share on other sites More sharing options...
Guest xaav Posted November 19, 2011 Share Posted November 19, 2011 If you could put the image tags inside divs, then you could use relative positioning to position the plus one button. Quote Link to comment Share on other sites More sharing options...
xwinuser Posted November 21, 2011 Share Posted November 21, 2011 Which PHP file are you editing? Quote Link to comment Share on other sites More sharing options...
npl Posted November 23, 2011 Author Share Posted November 23, 2011 Its just a side bar text widget in wordpress. Sweet I got it working now sort of...However I get this message when i go to plus one the siteI tried to google the problem ironically... and i have not turned up a solution. Any idea how to fix this? And could you try and see if it happens to you? It might just be my computer or something along those lines. http://borealtrek.com +1 button errors If the +1 button is unavailable or has stopped working, you'll see this image: A +1 button error can occur for a variety of reasons, including the following:Server timeout: Check your Internet connection and try refreshing the page.Suspended profile: If your profile has been suspended, you won't be able to +1 content.Apps user: If your administrator hasn't enabled Google+ for your domain, you won't be able to sign up for a Google+ account to use the +1 button.Blocked cookies: If you've disabled 3rd party cookies in your browser you won't be able to use the +1 button. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.