WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
Google +1 near Logo (15 posts)

  1. goodboyahamed@gmail.com
    Member
    Posted 2 years ago #

    I would like to add Google +1 next to the website title in twenty eleven theme. Can anyone help?

    http://ebook4everything.com

    http://wordpress.org/extend/themes/twentyeleven/

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Have you tried looking for a suitable plugin?

  3. goodboyahamed@gmail.com
    Member
    Posted 2 years ago #

    I have already given Google +1 ability to my posts with a plugin. Yet if I have +1 near the logo it will attract more readers compared to the former.

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Before you could even begin to do this, you would need to create a child theme.

  5. goodboyahamed@gmail.com
    Member
    Posted 2 years ago #

    I have already used Just Ask Kim Child theme. Can you help me with editing that for the required output of Google +1

  6. Jeremy Herve
    Member
    Posted 2 years ago #

    Since you already call the API of Google+1, you only need to integrate the button.

    Go to http://www.google.com/intl/en/webmasters/+1/button/, choose the style of your +1 button, and simply paste the given code for the button within header.php in your theme.

    For example, you can place the following code before </hgroup> in header.php:

    <div class="g-plusone"></div>

    Then style it with CSS with the .g-plusone class. Open style.css in your theme, and add the following line:

    .g-plusone {float:right;width:50px;}

  7. goodboyahamed@gmail.com
    Member
    Posted 2 years ago #

    Thanks Jeremy but I have some positioning issue over there. Visit my site and get me a solution. I need some space before +1 button. I feel the styling is not working

  8. Jeremy Herve
    Member
    Posted 2 years ago #

    Alright. A few things to change:

    - Since you already call the API of Google+1, you only need to integrate the button. Only include this in header.php: <div class="g-plusone"></div>

    - Paste the code right before this line: <nav id="access" role="navigation">

    - Use the following CSS to style the button, let's se how that would look:

    #branding .g-plusone {
        position: absolute;
        right: 7.6%;
        text-align: right;
        top: 6em;
    }
  9. goodboyahamed@gmail.com
    Member
    Posted 2 years ago #

    Thank you Jeremy for your support. I have just added   before <div class="g-plusone"></div>. Is this right or wrong?

  10. Jeremy Herve
    Member
    Posted 2 years ago #

    Well, while it might look good, having a div container inside a title (h2 container) does not make sense semantically.

    In the end, it is up to you if you leave it like that or not, but I'd try to make it a bit cleaner if I were you.

  11. goodboyahamed@gmail.com
    Member
    Posted 2 years ago #

    I have tried as you said, still it is not positioning correctly Jeremy, Have a look

  12. Jeremy Herve
    Member
    Posted 2 years ago #

    I don't see the changes I have advised you to do. Here is what your header.php would look like:

    https://gist.github.com/1316499

  13. sndo3
    Member
    Posted 2 years ago #

    Can someone show me how to add a logo to my twenty eleven theme? plz

  14. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    @sndo3

    please start your own topic.

  15. sndo3
    Member
    Posted 2 years ago #

    what is the best forum plugin for wordpress out there?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic