WordPress.org

Support

Support » Themes and Templates » Twenty Eleven » [Theme: Twenty Eleven] Google 1 near Logo

[Theme: Twenty Eleven] Google 1 near Logo

Viewing 14 replies - 1 through 14 (of 14 total)
  • esmi

    @esmi

    Forum Moderator

    Have you tried looking for a suitable plugin?

    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.

    esmi

    @esmi

    Forum Moderator

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

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

    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;}

    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

    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;
    }

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

    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.

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

    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

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

    Michael

    @alchymyth

    Forum Moderator

    @sndo3

    please start your own topic.

    what is the best forum plugin for wordpress out there?

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘[Theme: Twenty Eleven] Google 1 near Logo’ is closed to new replies.
Skip to toolbar