PORADNIK: "Pin it" button dla Bloggera, czyli jak zainstalować na zdjęciu przycisk Pinteresta, cz. I

Dzisiaj będzie o tym, jak zamieścić przycisk "Pin it", a właściwie symbol Pinterest na zdjęciu, na naszym blogu. Pozwala to na szybkie podpięcie zdjęcia na naszej tablicy, przez nas lub przez odwiedzającego. Wyświetla się po "najechaniu" na zdjęcie kursorem, sprawdźcie:

Jako symbol może wystąpić dowolna grafika zamieszczona w Internecie, podmieniamy jedynie adres URL. Ja dzisiaj podam kod na taki znaczek, jaki widzicie po najechaniu na dowolne zdjęcie u mnie na blogu.

Znaczek można przemieszczać (w górnym/dolnym rogu, prawym/lewym), a także zablokować (będzie widoczny cały czas na zdjęciu).

Zapraszam na pozostałe porady > PORADNIK

Dzisiaj część I: jak zamieścić znaczek "Pin it", w części II modyfikacje :)

 KOD DO SKOPIOWANIA:

<br /> <script> //<![CDATA[ var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV0csYOjTY6KyEI7XDyEfMoKHwAdS-2UzxzCmzCVImEq283zTPQ6tenxUoSC3wPvG2I1zyLkwqrOQpAV8XJdZAMqgcRzhyphenhyphenqGrPNE_eTA1A641l-tjiv4542xH8Ah62nrucVHi_hwoVe157/s1600/pinterestx1_72.png"; var bs_pinButtonPos = "center"; var bs_pinPrefix = ""; var bs_pinSuffix = ""; //]]> </script><br /> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script><br /> <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><br />

Jak widzicie, proste rozwiązanie, jednakże nie łatwo było je znaleźć..

Dziękuję za Wasze odwiedziny, jeśli macie pytania - piszcie,

pozdrawiam,