Pinterest

Jak dodać przycisk Pin it do obrazków u siebie na blogu?

jak dodać Pin it button

Chcecie ułatwić czytelnikom pinowanie (czyli przypinanie) Waszych zdjęć na Pintereście? Wystarczy dorzucić kawałek kodu HTML do szablonu, a na każdym zdjęciu, na które najedziecie na Waszym blogu wyświetli się taka ikonka z dużym P. Przy okazji chwalę się swoim ukonczonym szalem. A samo dorzucanie kodu w szablonie, to znowu nie taki diabeł straszny. jak go malują. Zresztą poprowadzę Was za rękę krok po kroku. A więc do dzieła. 

  • Dla pewności zróbmy sobie kopię zapasową szablonu, gdyby odpukać w niemalowane i 3 razy splunąć za siebie …. W tym celu wchodzimy w Szablon i klikamy na Utwórz/przywróć kopię zapasową.

 

 
jak dodać Pin it button

 

  • Teraz wybieramy: Pobierz pełny szablon (bo pobieramy go, by odłożyć w pewne miejsce u siebie na komputerze). Tylko pamiętajcie gdzie i pod jaką nazwą.
jak dodać Pin it button
  • Zapisujemy pobrany szablon.
jak dodać Pin it button
  • Gdy nasz szablon jest zapisany w bezpiecznym miejscu (mamy więc kopię zapasową, gdyby coś się po drodze nam schrzaniło), ponownie wchodzimy do Szablonu i wybieramy Edytuj kod HTML.
jak dodać Pin it button
 
  • Teraz klikamy na Formatuj szablon. Za pomocą przycisków CTRL + F wyszukujemy </body>.
jak dodać Pin it button

 

  • Teraz przed nim wklejamy następujący kod:

<script>
//<![CDATA[
var bs_pinButtonURL = “http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png”;
var bs_pinButtonPos = “center”;
var bs_pinPrefix = “”;
var bs_pinSuffix = “”;
//]]>
</script>
<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js’ type=’text/javascript’></script>
<script id=’bs_pinOnHover’ src=’http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js’ type=’text/javascript’>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>

I gotowe.

Gdyby były jakies trudności kod znajdziecie w wersji oryginalnej na Bloggersentral
jak i u  Truscaveczki

Pozdrawiam serdecznie

Beata

Jeżeli macie ochotę zostać ze mną na dłużej, zapraszam Was serdecznie do zapisywania się na mój świeżutki newsletter.

A na blogu przeczytacie m.in.: 

https://www.facebook.com/vademecumblogerahttps://twitter.com/HARDASKAhttps://plus.google.com/113589991481358500540/postshttp://www.pinterest.com/hardaska/
 

Zapisz się na newsletter i pobierz darmowy ebook: TWOJA MARKA NA INSTAGRAMIE

O AUTORZE

Jestem blogerką, emigrantką, poczwórną mamą. Kobietą, która nie jednego w życiu doświadczyła, z niejednego pieca jadła chleb.

Od prawie 20 lat mieszkam na emigracji we Francji, w Paryżu.

Uważam, że emigracja to dobra szkoła życia i wymagająca, choć bardzo skuteczna lekcja pokory. Ale też wewnętrznej siły i zdrowego dystansu do samego siebie i momentami wystawiającej nas na próby codzienności.

Jestem tu po to, by pomóc Ci lepiej pisać, skuteczniej docierać do czytelnika, wywołać większe zaangażowanie w social mediach. Czasami rozśmieszę lub zmotywuję.

Ale równolegle do Vademecum Blogera jestem autorem kilku niezależnych miejsc w sieci.

Ponieważ wiele osób pyta się mnie, jak mimo 4 ciąży i 40 - stki na karku udało mi się zachować linię nastolatki, uruchomiłam kanał na YouTube o zdrowym gotowaniu - bezglutenowo - bezmlecznie.

Znajdziesz mnie również na blogu BeataRed.com i powiązanym z nim Instagramie, gdzie piszę bardziej osobiście o Paryżu i mojej pasji, jaką jest nauka języka francuskiego.

A jeżeli interesują Cię praktyczne porady o tym, jak budować swoją obecność w sieci zapraszam na mój kanał na You Tube z blogowymi tutorialami.

(16) Komentarzy

  1. stronczo says:

    a jest jakiś sposób by zamiast pinteresta użyć share lub like fejsowego?

  2. hej- dziękuję ogromnie- napisz mi proszę czy mogę zastapić tą wielką literkę “p” jakpinterest mała ikonką z boku zdjęcia??? gdzie mogę to zrobić??? a gdybym chciała własną ikonkę wrzucić???? proszę pomóż…..

  3. Aaaaaaaaaaahhhhhhh DZIĘKI!!! <3 🙂

  4. Serdecznie dziękuję! Uwielbiam Twój blog, bo jest bliski mojemu sercu i wiele w nim dobrych rad 🙂

  5. Kolejny raz dzięki za pomoc 🙂

  6. Dzięki! Działa! SUPER PROSTE to było dzięki temu artykułowi!!!

  7. Dzięki za podzielenie się i pomoc! Proste a jakże pomocne 🙂

  8. dziękuję:) bardzo pomocny post:)

  9. Padam plaskaczem dziękczynnym na twarz 🙂 Dziękuję!

  10. ja też bardzo dziękuję 🙂
    pozdrawiam

  11. BARDZO dziękuje za te instrukcję 🙂

  12. woow czuję się jak Neo z Matrixa – udało mi się, dzięki !

  13. sylwetta fashion says:

    A jak to zrobić na WP ??:)

  14. Dzięki! było bardzo pomocne 🙂

  15. Niestety nie dział u mnie 🙁 Może dlatego, że nie mam standardowego szablonu bloggera?

  16. […] INSTRUKCJA TUTAJ: Jak dodać przycisk Pin it button na bloga na Bloggerze? […]

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *