Scaffolded Math and Science: How to install a Pin-it Button on Blogger photos

This post is about editing the HTML of your blog to add a PIN IT button your photos in Blogger. This post isn't so much for teachers as it is for other bloggers, but I still wanted to share as it took me A REALLY LONG TIME to figure out (probably way more than it should have) and hopefully you can avoid hours of frustration if you want a PIN IT button on your Blogger photos!

UPDATE: This post from Venus Trapped in Mars has updated code (I found her post on 9/2/16). You can read her post or this one (I pasted her updated code in red below).

The directions to get to and search your blog's HTML are in the light blue boxes...

Here is the UPDATED code to paste right ABOVE </body>

<script>

//<![CDATA[

var bs_pinButtonURL = "https://lh3.googleusercontent.com/-OSElDqCAgAs/V6PcK201ToI/AAAAAAAAH7Q/5RoZc6w0PjwhWZbkTUkHNOffCacm5EbHACLcB/h120/pin.png";

var bs_pinButtonPos = "bottomright";

var bs_pinPrefix = "";

var bs_pinSuffix = "";

//]]>

</script><br />

//<![CDATA[

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1i(1j).1k(q($){$(\'M\').1l(\'<6 9="r:D;" N="A" O="\'+11+\'" >\');$(\'#12\').1m();3 l;3 m;3 n;$(\'.A\').1n(q(){m=$(\'.A\').E(F);n=$(\'.A\').G(F);$(\'.A\').1o()});3 o=$(\'#12\').1p().1q("1r.13");o!=-1&&14();q 14(){$(\'.s-15 6,.H-M 6,.s-16 6\').1s(\'.17,.17 6\').1t(q(){$(\'.7-8\').t("r","D");18(l);3 a=$(p);3 b=19(a.t("P-u"));3 c=19(a.t("P-v"));3 d;3 e;1u(1v){B\'1w\':d=a.4().u+a.G(F)/2-n/2;e=a.4().v+a.E(F)/2-m/2;C;B\'1x\':d=a.4().u+b+5;e=a.4().v+c+a.E()-m-5;C;B\'1y\':d=a.4().u+b+5;e=a.4().v+c+5;C;B\'1z\':d=a.4().u+b+a.G()-n-5;e=a.4().v+c+a.E()-m-5;C;B\'1A\':d=a.4().u+b+a.G()-n-5;e=a.4().v+c+5;C}3 f=a.1B(\'O\');3 g=a.1C(\'.H,.1D,.s\').Q(\'.H-R,.s-R,.s-1E\');3 h=g.1F();w(S T===\'U\'){T=\'\'}w(S V===\'U\'){V=\'\'}w(g.Q(\'a\').1G){W=g.Q(\'a\').I(\'X\').1a(/\\#.+\\b/1b,"")}Y{W=$(1H).I(\'X\').1a(/\\#.+\\b/1b,"")}3 i=\'<1c N="7-8" 9="1d:x;4: 1I;z-1J: 1K; 1L: 1M;" ><a X="1N://1O.13/1P/1Q/1R/?1S=\'+W+\'&1T=\'+f+\'&1U=\'+T+h+V+\'" 9="1d:1V;1W:x;" 1X="1Y"><6 N="1Z" 9="-20-J-K:x;-21-J-K:x;-o-J-K:x;J-K:x;22:23;P: 0;24: 0;25:0;" O="\'+11+\'" R="26 1e 27" ></a></1c>\';3 j=a.Z().28(\'a\')?a.Z():a;w(!j.y().29(\'7-8\')){j.2a(i);w(S l===\'U\'){j.y(\'.7-8\').I("1f","p.9.1g=1;p.9.r=\'10\'")}Y{j.y(\'.7-8\').I("1f","p.9.1g=1;p.9.r=\'10\';18(2b)")}}3 k=j.y(".7-8");k.t({"u":d,"v":e});k.t("r","10");k.L().1h(2c,1.0,q(){$(p).2d()})});$(\'.s-15 6,.H-M 6,.s-16 6\').1e(\'2e\',q(){w($.2f.2g){3 a=$(p).y(\'.7-8\');3 b=$(p).Z(\'a\').y(\'.7-8\');l=2h(q(){a.L().t("r","D");b.L().t("r","D")},2i)}Y{$(\'.7-8\').L().1h(0,0.0)}})}});',62,143,'|||var|position||img|pinit|wrapper|style||||||||||||||||this|function|visibility|entry|css|top|left|if|none|next||pinimgload|case|break|hidden|outerWidth|true|outerHeight|post|attr|box|shadow|stop|body|class|src|margin|find|title|typeof|bs_pinPrefix|undefined|bs_pinSuffix|pinitURL|href|else|parent|visible|bs_pinButtonURL|bs_pinOnHover|com|hoverCheck|content|summary|nopin|clearTimeout|parseInt|replace|gi|div|display|on|onmouseover|opacity|fadeTo|jQuery|document|ready|append|hide|load|remove|html|indexOf|bloggersentral|not|mouseenter|switch|bs_pinButtonPos|center|topright|topleft|bottomright|bottomleft|prop|closest|hentry|header|text|length|location|absolute|index|9999|cursor|pointer|http|pinterest|pin|create|button|url|media|description|block|outline|target|_blank|pinimg|moz|webkit|background|transparent|padding|border|Pin|Pinterest|is|hasClass|after|bsButtonHover|300|show|mouseleave|browser|msie|setTimeout|3000'.split('|'),0,{}))

//]]>

// 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>