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/
 
Beata Redzimska Vademecum Blogera
Beata Redzimska

Zapisz się na Newsletter

Tags from the story
More from BEATA REDZIMSKA

Domowe sposoby na przeziębienie. Co można zrobić z cukinii?

W tego tygodniowym podsumowaniu polecę Wam wspaniały w 100 % naturalny sposób na...
Read More

16 komentarzy

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *