jak wstawić PINit na obrazkach ?

obrazki zawsze urozmaicają wygląd bloga dlatego też warto założyć sobie konto na pinterest i dzielić się nimi z ludźmi. 

Jak dodać przycisk PIN do obrazków znajdujących się na blogu?

krok 1. wejdź do szablonu bloga i edytuj kod HTML

krok 2. Wyszukaj wiersz </body> używając wyszukiwarki blogger crtl + f

krok 3.  wklej nad/powyżej </body> poniższy kod:

<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JDr3I0-MyUzkAaCuDfqhn4rGZCu2mHGQwzoif0y4XyvGN4ZGNY3cxZl1k7IfAViVrxJ4pssww48ed80pn3sJHm_iuIbS9jg8FPtPuvq8j7E-le8kUmFznraPh-IGjsy5guRNNtbyG1Vr/s1600/pinit.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'>
// Visit blogskrypt.blogspot.com po więcej trików //
</script>

możesz edytować położenie przycisku PIN zmieniając "center" na:

topleft
topright
bottomleft
bottomright

i mozesz zmienić przycisk PINit na swój własny zmieniając adres obrazka na swój adres obrazka

var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1JDr3I0-MyUzkAaCuDfqhn4rGZCu2mHGQwzoif0y4XyvGN4ZGNY3cxZl1k7IfAViVrxJ4pssww48ed80pn3sJHm_iuIbS9jg8FPtPuvq8j7E-le8kUmFznraPh-IGjsy5guRNNtbyG1Vr/s1600/pinit.png";

lub zostaw domyślny :)

krok 4. Zapisz szablon

Teraz dodając jakiegoś posta możesz wyłączyć przycisk PINit dodając do obrazka wiersz:

class="nopin" jak na obrazku poniżej

przykład demo

To tyle ! ciesz się swoim przyciskiem PIN it