Jak wstawić przycisk Google +1 na stronie z Thesis

przez Thesmania w dniu 4 czerwca 2011

w Poradniki

Przycisk Google +1 z możliwością wstawienia go na stronie czy blogu to ostatnio nowość. Chcąc uzyskać taki efekt jak na moim blogu skorzystaj z poniższych instrukcji.

Aby wstawić przycisk Google +1 na stronie używającej Thesis potrzebujesz wykonać następujące czynności:

  1. Na stronie google.com/webmasters/+1button skopiuj wygenerowany kod javascript. Na zdjęciu poniżej kod ten został zaznaczony w czerwonej ramce.
  2. Kod Google +1

    Skopiuj kod zaznaczony na czerwono

     

  3. Następnie wklej ten kod w kokpicie strony w Thesis – Site Options – Stat and Tracking Scripts
  4.  

    Thesis Site Options

  5. Następnie w custom.functions.php wklej następujący kod i zapisz zmiany:
  6.  

    function google_plus_one_output() {
    if (is_single()) { ?>
    <div class="my-plus-one">
    <g:plusone size="medium"></g:plusone>
    </div>
    <?php }
    }
    add_action('thesis_hook_before_post', 'google_plus_one_output');

    W przypadku tego kodu zauważ, że w jego środku znajduje się linijka, która wcześniej stanowiła część kodu wygenerowanego na stronie Google. W zakresie tej linijki możesz zmodyfikować wygląd przycisku, zmieniając „medium” na „tall” czy „small”.

  7. Kolejnym krokiem jest dodanie jednej linijki kodu do custom.css. Po dodaniu zapisz zmiany.
  8.  

    .custom .my-plus-one { float:right; padding:2px;}

     

  9. Teraz przycisk Google +1 powinien wyświetlać się w górnej, prawej części każdego wpisu na Twoim blogu, tak jak to ma miejsce na moim blogu.

Przeczytaj więcej o Google +1.

Potrzebujesz pomocy z wstawieniem przycisku na Twojej stronie Thesis. Napisz do mnie.

Justyna Bizdra marketing w internecie

O autorze: Justyna Bizdra zajmuje się marketingiem w internecie. Buduje profesjonalne strony i blogi w oparciu o Wordpress oraz pomaga firmom w dotarciu do znacznie większej ilości klientów z wykorzystaniem Internetu

Przeczytaj więcej wartościowych artykułów na temat marketingu z Wordpress, optymalizacji stron i biznesu w Internecie na blogu Justyny Marketing Internetowy Ujarzmiony

Znajdź Justynę na Google+

{ 3 odpowiedzi… przeczytaj je poniżejdodaj jeden komentarz }

Łukasz Czerwiec 5, 2011 o 8:28 am

Krótki i jasny tutorial. Dobrze, bo nie lubię zbyt długich wpisów na blogach 😉 Widzę, że w Thesis trochę inaczej to wygląda niż w innych szablonach, jest więcej kroków do przejścia.

Odpowiedz

Justyna Bizdra Czerwiec 5, 2011 o 8:36 am

Cześć Łukasz,

dziękuję za Twój komentarz!

Thesis jest specyficzny, jest kilka kroków do przejścia, ale gdy się już pozna Thesis, to nie jest to trudne do opanowania 🙂

Odpowiedz

Maciej Wrzesień 25, 2011 o 5:26 pm

A jak już wstawicie przycisk na stronę i zaczniecie się zastanawiać jak pozyskać punkty to zapraszam na stronę http://www.dajplus.pl – darmowa platforma wymiany google+ i Facebook lubię to.

Zapraszam

Odpowiedz

Zostaw Komentarz

{ 1 trackback }

Poprzedni wpis:

Kolejny wpis: