#26 Twój własny znaczek ' pin it '

Dzisiaj pokażę Wam jak dodać swój własny spersonalizowany znaczek pin it do portalu Pinterest do zdjęć na Waszym blogu.


Na początku proponuję założyć konto na jednym z portali gdzie będziecie mogli zamieścić Waszą grafikę do pin buttona tak byście mogli wygenerować do niego link, który wkleicie w miejsce zaznaczone poniżej na czerwono. Ja mam konto na portalu Photobucket i jeśli już zrobicie upload (czyli załączycie grafikę do waszej galerii) Waszego znaczka i klikniecie na niego to po prawej stronie pojawią się 4 rubryczki,  nasz koronny link kopiujemy w ostatnim kroku z okienka "direct" (wystarczy na niego kliknąć).

Teraz przechodzimy do menu naszego bloggera i wchodzimy w SZABLON>EDYTUJ KOD HTML. Wykonujemy kopie naszego szablonu i szukamy w kodzie przy końcu słowa </body> , następnie

nad słowem </body> 

wklejamy poniższy kod pamiętając by to co jest na czerwono zastąpić waszym linkiem z okienka direct: 

<script>
//<![CDATA[
var bs_pinButtonURL = "http://i1303.photobucket.com/albums/ag153/moonmagda/phpink_zpszsisvbgd.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>
<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>

zapisujemy szablon i gotowe.

Jeżeli chcecie mieć znaczek na środku to wpisujemy zamiast topright pod linkiem: center i analogicznie na lewo topleft:)

pod spodem kilka znaczków które wykonałam do niekomercyjnego użytku dla Was:0 Jeden z nich jest u mnie na blogu:)

Moc uścisków!