Jak wstawić przycisk Google +1 na stronie z Thesis

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.


Skopiuj kod zaznaczony na czerwono

 

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

 



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

 

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”.

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

 

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

 

5. 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.

Otagowany jako: przewodnik Thesis, przycisk Google +1

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+