Multankowe triki - przyciski pin it

Dzisiaj ciąg dalszy Multankowych trików. Tym razem prosta instrukcja jak dodac przycisk pin it, który umozliwi przypinanie naszym czytelnikom przypinanie na tablicy Pintersta zdjęć z naszego bloga. Sam kod zaczerpnęłam z bloga truskveczki, a autorem jest twórca bloga http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html.

A teraz do dzieła :) 

 Na początek musimy edytować szablon HTML. Robimy to tak:

1. Wchodzimy w ustawienia bloga i wybieramy szablon:

2. Na następnym oknie wybieramy edycje szablonu w HTML:

3. Pojawi się okno z szablonem naszego bloga. nie panikujcie :)
Teraz trzeba kliknąć na okienko z kodem i wcisnąć kombinację klawiszy ctrl + f. Dzięki temu szybko odszukamy ten fragment, który nas interesuje. w małym okienku wyszukiwania wpisujemy /body

4. Przed tym znacznikiem wpisujemy poniższy kod:

<script>
//<![CDATA[
var bs_pinButtonURL = "http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "center";
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>

5. Powinno to wyglądać tak:

Przetestowałam - zadziałało. Spróbujcie i wy :)