Announcement

Collapse
No announcement yet.

Need help placing +1 code next to log on top of page

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Need help placing +1 code next to log on top of page

    In global header there is only....

    <img src="assets/images/LOGO__13.gif" alt="Site Name">

    If I paste the +1 code right after this it displays the +1 button under the logo and not next to it causing the whole template to not display properly. I want the +! button right next to the logo on my site.

    Here is the +1 code that I am using from the google site:

    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone annotation="inline"></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>

    Any ideas how to keep it on the same line instead of going under the logo?

  • #2
    I know this isn't what you want to hear, but this probably isn't going to happen. The issue is not with your code, it is with Google's. Google handles all of their styling on their side and it takes up a lot of space. It is horribly formatted. It looks like such a small icon but if you go to either firefox or Chrome and do an inspect element you will see it is pretty horrendous coding. We had to pull it from some of our pages just for this reason. You will need to style it behind the scenes by overwriting its css.

    Comment

    Working...
    X