Just Pin It!

19:10

Od dawna rozglądam się po blogach i zazdraszczam tych ślicznych Pin It Buttons. I nie chodzi mi o przycisk pod zdjęciem, a właśnie na nim.

Szukałam takich aplikacji na bloga lub stronę ale nie znalazłam niczego zadowalającego, co można zastosować do bloggera. Lipa myślę ...

... ale kilka dni temu natknęłam się na kod:


<script>
//<![CDATA[
var bs_pinButtonURL = "https://lh6.googleusercontent.com/-WRYR4wLuKyQ/USJoM350s5I/AAAAAAAAeos/0OjKjv16JJ8/h120/1-%282%29.png";
var bs_pinButtonPos = "topright";
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 src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'/>
<!-- please do not alter or remove the following code -->
<div id='bs_pinOnHover'><a href='http://www.bloggersentral.com/'>Blogging tips</a></div>


który wstawia się przed znacznikiem </body> w edytorze kodu html

Szablon  ›  Edytuj kod HTML

Przygotowałam graficzkę i teraz mam piękny buttonik, który się wyświetla na każdej blogowej grafice.

I włala! (paczaj w prawą górę)

Do przeczytania

21 komentarze

  1. Odpowiedzi
    1. Proszę bardzo, jak będziesz potrzebowała pomocy daj znać :)

      Usuń
  2. w końcu się zebrałam i zrobiłam :D dziękuję!!

    OdpowiedzUsuń
  3. Tego szukałam . Dzięki!!!!! Muszę tylko dopracować przyciski

    OdpowiedzUsuń
    Odpowiedzi
    1. Jak będziesz potrzebowała pomocy pisz śmiało :)

      Usuń
  4. Nie mogę znaleźć tego kodu mimo szukania z ctrlF :(

    OdpowiedzUsuń
    Odpowiedzi
    1. hmmm...
      może to coś pomoże
      KLIK

      Usuń
    2. Pomogło, ale trochę.
      Znalazłam kod w htmlu i po wstawieniu kodu do Pin it mam na stronie, po lewej stronie od zdjęć pusta ramkę z "niewyświetloną grafiką" Ramka działa, zdjęcia dodaje tylko 1)jest obok, 2)graficznie jest wadliwa
      W htmlu zrobiłam wszystko jak na Twoim prt sc. Umiesz mi pomóc, inwalidce? ;)

      Usuń
    3. Jasne :) Już widzę w czym problem. W kodzie jest tylko zamarkowane tekstem "ADRES URL OBRAZKA" miejsce, w które trzeba wstawić właściwy link do obrazka, który trzeba sobie poszukać w necie.
      Tu taj mój błąd, bo nie napisałam o tym w poście. Znalazłam dla Ciebie taką, która będzie pasowała do Twojego bloga.
      Zamień cały kod na *TEN*

      Usuń
    4. Łał :) Działa!!! Button jest dość duży. Twój jest dyskretniejszy i podoba mi sie bardziej ale skoro nie umiem sobie sama znaleźć i wybrać, to biore co jest. Baaaardzo dziekuję :)

      Usuń
    5. Jak chcesz użyć mojej grafiki użyj *TEGO* kodu.

      Usuń
  5. Ozłocę Cię! Dziękuuuję bardzo! :*

    OdpowiedzUsuń
    Odpowiedzi
    1. hehe
      no to nie będę się opierać!
      pozdrawiam Cię serdecznie Asiu :D

      Usuń
  6. dziękuje ślicznie ! bardzo przydatny blog !! Bede tu zaglądac :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Dzięki wielkie i serdecznie zapraszam :D

      Usuń
  7. Bardzo Ci dziękuję udało się :)

    OdpowiedzUsuń
  8. Dziękuję bardzo! :*
    Właśnie szukałam takiego rozwiązania, znaczek z brzegu zdjęcia nie przeszkadza w oglądaniu, a o to mi chodziło :)

    OdpowiedzUsuń
    Odpowiedzi
    1. Ogromnie się cieszę, że mogłam pomoc :-)

      Usuń
  9. Jej! Dokładnie o to mi chodziło! :) Dzięki wielkie :* <3
    W końcu mam dyskretny, fajny znaczek na zdjęciach <3
    Pozdrawiam i zapraszam :)

    OdpowiedzUsuń
  10. szukałam tego bardzo długo i w końcu znalazłam, dziękuję :) ten button jest super!!!

    www.powiedzciesobietak.blogspot.com

    OdpowiedzUsuń

Kropelka do kropelki

Twój 1% ma znaczenie!
Blogging tips