Przyciski PIN IT - instalacja i darmowe przyciski

Rozstrzygnięcie konkursu w którym do wygrania jest "uszyty na miarę" baner blogowy za ponad tydzień. Jednak już dzisiaj każda z Was może jednak upiększyć swojego bloga i sprawić, że będzie bardziej funkcjonalny dla odwiedzających. Przygotowałam dla Was przyciski PIN IT! i instrukcję jak je zamieścić na swoim blogu. Przycisk taki pojawia się po najechaniu kursorem na zdjęcie, a kliknięcie w niego pozwala od razu czytelnikowi przypiąć Twoje zdjęcie do jego tablicy na Pinterest (możecie przetestować u mnie jak to działa).

JAK ZAMIEŚCIĆ PRZYCISK PIN IT (BLOGGER)

1. Otwórz dowolny dokument tekstowy (np. word) i wklej do niego poniższy kod. (kod pochodzi stąd)

<script>
//<![CDATA[
var bs_pinButtonURL = "tu wklej adres url obrazka";
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>
<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>

2. Wybierz jeden z przygotowanych przeze mnie przycisków, które są dostępne TU (poniższe przyciski widoczne na tej stronie są tylko ich ilustrację dlatego koniecznie wejdź TU).

3. Prawym przyciskiem myszy kliknij na wybrany przycisk i wybierz "Kopiuj adres URL grafiki".

4. Zastąp czerwony fragment kodu skopiowanym właśnie adresem. Adres musi być umieszczony w cudzysłowie.

5. Teraz skopiuj swój kod i przejdź do bloggera.

6. Wybierz "szablon" i kliknij "Edytuj kod HTML". Jeśli pojawią się jakieś ostrzeżenia, zaakceptuj i przejdź dalej. Nie bój się, to nie gryzie :P Za pierwszym razem, też miałam opory!:)

7. Kliknij w dowolny fragment kodu i wciśnij Ctrl+F. Pojawi się okienko wyszukiwania do którego wpisz </body> i naciśnij ENTER. W kodzie podświetli się wyszukiwany fragment. Zaraz pod nim wklej kod, który masz skopiowany.

8. Zapisz szablon. Otwórz bloga w innym oknie i sprawdź czy przycisk działa.

Nie jest to takie trudne jako może wydawać się na pierwszy rzut oka. Dajcie znać jak poszło i czy przyciski, które przygotowałam wpadły Wam w oko.

Na koniec przypominam o konkursie w którym możecie wygrać zaprojektowany specjalnie dla Was baner blogowy. Wygrają aż 2 osoby!!!:)

Ściskam!

Karolina