Botões de compartilhar posts que aparecem sobre as imagens do blog

Views:
<b:widget id='HTML100' locked='false' title='' type='HTML' version='1'>
              <b:widget-settings>
                <b:widget-setting name='content'>&lt;style type=&quot;text/css&quot;&gt;
._140421_wrap {
    position: relative;
}
._140421_wrap * {
    position: relative;
}
._140421_wrap .overlay,
._140421_wrap .icons-wrap {
    display: none;
}

._140421_wrap.active .overlay {
    background: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: block;
}
._140421_wrap.active .icons-wrap {
    height: 0;
    top: 50%;
    position: absolute;
    width: 100%;
    text-align: center;
    display: block;
}
._140421_wrap .icons-inner {
    margin: -1em 0 0 0;
}
._140421_wrap .icons a {
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 4px!important;
    color: white;
    text-decoration: none;
    float: none!important;
    text-indent: 0!important;
    font-size: 19px!important;
}
._140421_wrap .icons a i {
    line-height: 40px;
}
._140421_wrap .icons a:hover {
    filter: alpha(opacity=60);  opacity: 0.6;
}
._140421_wrap .icons a.facebook {background:#4F6AA3}
._140421_wrap .icons a.twitter {background:#00CCFF}
._140421_wrap .icons a.google-plus {background:#E05C4C}
._140421_wrap .icons a.pinterest {background:#DC2A33}
._140421_wrap .icons a.linkedin {background:#529FC2}
._140421_wrap .icons a.close {background:#333}
._140421_wrap .icons a.plus {background:transparent}
&lt;/style&gt;

&lt;script type=&quot;text/javascript&quot;&gt;
/*
Name: Simple Social Image Hover Sharing Plugin for Blogger
Author: Tien Nguyen
Site: http://sneeit.com
*/
/*Settings*/
_140421_facebook = true;/*_140421_facebook*/
_140421_twitter = true;/*_140421_twitter*/
_140421_gplus = false;/*_140421_gplus*/
_140421_pinterest = true;/*_140421_pinterest*/
_140421_linkedin = true;/*_140421_linkedin*/
_140421_close = false;/*_140421_close*/
_140421_image_selector = &#39;.post-body img&#39;;/*_140421_image_selector*/

// SHOW CONTENT
// FLAGS
// Flag check jQuery to prevent duplicate load jquery
if (typeof(jquery_included) == &#39;undefined&#39;) {
    jquery_included = false;
}
_s7HjO = [&#39;undefined&#39;,&#39;undefined&#39;,&#39;script&#39;,&#39;src&#39;,&#39;http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js&#39;,&#39;type&#39;,&#39;text/javascript&#39;,&#39;head&#39;,&#39;link[href*=&quot;font-awesome.css&quot;]&#39;,&#39;link&#39;,&#39;href&#39;,&#39;http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css&#39;,&#39;rel&#39;,&#39;stylesheet&#39;,&#39;head&#39;,&#39;&#39;,&#39;#_140421_hook&#39;,&#39;.widget&#39;,&#39;&#39;,&#39;a&#39;,&#39;_140421_remove&#39;,&#39;style&#39;,&#39;id&#39;,&#39;_140421_image_&#39;,&#39;_140421_image&#39;,&#39;&lt;div class=&quot;_140421_wrap active&quot; id=&quot;_140421_wrap_&#39;,&#39;&quot; style=&quot;&#39;,&#39;&quot;&gt;&lt;/div&gt;&#39;,&#39;#_140421_wrap_&#39;,&#39;#&#39;,&#39;?&#39;,&#39;src&#39;,&#39;title&#39;,&#39;&lt;div class=&quot;overlay&quot;&gt;&lt;/div&gt;&#39;,&#39;&lt;div class=&quot;icons-wrap&quot;&gt;&lt;div class=&quot;icons&quot;&gt;&lt;div class=&quot;icons-inner&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&#39;,&#39;.overlay&#39;,&#39;.icons-wrap&#39;,&#39;.icons-inner&#39;,&#39;&lt;a target=&quot;_blank&quot; href=&quot;http://www.facebook.com/sharer.php?u=&#39;,&#39;%23_140421_image_&#39;,&#39;&quot; class=&quot;facebook&quot; title=&quot;Compartilhe no Facebook&quot;&gt;&lt;i class=&quot;fa fa-facebook&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#39;,&#39;&lt;a target=&quot;_blank&quot; href=&quot;https://twitter.com/share?url=&#39;,&#39;%23_140421_image_&#39;,&#39;&amp;text=&#39;,&#39;&quot; class=&quot;twitter&quot; title=&quot;Compartilhe no Twitter&quot;&gt;&lt;i class=&quot;fa fa-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#39;,&#39;&lt;a target=&quot;_blank&quot; href=&quot;https://plusone.google.com/_/+1/confirm?hl=en&amp;url=&#39;,&#39;%23_140421_image_&#39;,&#39;&quot; class=&quot;google-plus&quot; title=&quot;Share via Google Plus&quot;&gt;&lt;i class=&quot;fa fa-google-plus&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#39;,&#39;&lt;a target=&quot;_blank&quot; href=&quot;http://www.pinterest.com/pin/create/bookmarklet/?media=&#39;,&#39;&amp;url=&#39;,&#39;&amp;description=&#39;,&#39;&quot; class=&quot;pinterest&quot; title=&quot;Salvar no Pinterest&quot;&gt;&lt;i class=&quot;fa fa-pinterest&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#39;,&#39;&lt;a target=&quot;_blank&quot; href=&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&#39;,&#39;&amp;title=&#39;,&#39;&amp;source=&#39;,&#39;&quot; class=&quot;linkedin&quot; title=&quot;Compartilhar no LinkedIn&quot;&gt;&lt;i class=&quot;fa fa-linkedin&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#39;,&#39;&lt;a href=&quot;#_140421_image_&#39;,&#39;&quot; class=&quot;close&quot; title=&quot;Close&quot;&gt;&lt;i class=&quot;fa fa-times&quot;&gt;&lt;/i&gt;&lt;/a&gt;&#39;,&#39;&lt;a target=&quot;_blank&quot; title=&quot;About Hover Share Plugin&quot; href=&quot;http://www.sneeit.com/2014/04/simple-social-image-hover-sharing.html&quot; class=&quot;plus&quot;&gt;&lt;/a&gt;&#39;,&#39;.active&#39;,&#39;.overlay&#39;,&#39;.icons-wrap&#39;,&#39;.overlay&#39;,&#39;.icons-wrap&#39;,&#39;.close&#39;,&#39;.overlay&#39;,&#39;.icons-wrap&#39;,&#39;active&#39;,&#39;._140421_remove&#39;,&#39;html, body&#39;];if(typeof(_140421)==_s7HjO[0]){_140421=false;}if(!_140421){_140421=true;function _fEaQ(){if(typeof(jQuery)==_s7HjO[1]){if(!jquery_included){jquery_included=true;var _vTsT=document.createElement(_s7HjO[2]);_vTsT.setAttribute(_s7HjO[3],_s7HjO[4]);_vTsT.setAttribute(_s7HjO[5],_s7HjO[6]);document.getElementsByTagName(_s7HjO[7])[0].appendChild(_vTsT);}setTimeout(function(){_fEaQ();},50);}else{if(!($(_s7HjO[8]).length)){_vTsT=document.createElement(_s7HjO[9]);_vTsT.setAttribute(_s7HjO[10],_s7HjO[11]);_vTsT.setAttribute(_s7HjO[12],_s7HjO[13]);document.getElementsByTagName(_s7HjO[14])[0].appendChild(_vTsT);}$(document).ready(function(){var _vFqR=_s7HjO[15];$(_s7HjO[16]).each(function(){$(this).parents(_s7HjO[17]).hide();});if($(_140421_image_selector).length==0){return;}var _vJoU=0;$(_140421_image_selector).each(function(){var _vIdO=_s7HjO[18];if($(this).parent().is(_s7HjO[19])){$(this).parent().addClass(_s7HjO[20]);_vIdO=$(this).parent().attr(_s7HjO[21]);$(this).unwrap();}$(this).attr(_s7HjO[22],_s7HjO[23]+_vJoU);$(this).addClass(_s7HjO[24]);$(this).wrap(_s7HjO[25]+_vJoU+_s7HjO[26]+_vIdO+_s7HjO[27]);var _vZbK=$(_s7HjO[28]+_vJoU);var _vHwX=window.location.href;_vHwX=_vHwX.split(_s7HjO[29]);_vHwX=_vHwX[0];_vHwX=_vHwX.split(_s7HjO[30]);_vHwX=_vHwX[0];var _vEmJ=$(this).attr(_s7HjO[31]);var _vWfK=$(_s7HjO[32]).html();_vZbK.append(_s7HjO[33]);_vZbK.append(_s7HjO[34]);_vZbK.find(_s7HjO[35]).hide();_vZbK.find(_s7HjO[36]).hide();var _vOjJ=_vZbK.find(_s7HjO[37]);if(_140421_facebook){_vOjJ.append(_s7HjO[38]+_vHwX+_s7HjO[39]+_vJoU+_s7HjO[40]);}if(_140421_twitter){_vOjJ.append(_s7HjO[41]+_vHwX+_s7HjO[42]+_vJoU+_s7HjO[43]+encodeURIComponent(_vWfK)+_s7HjO[44]);}if(_140421_gplus){_vOjJ.append(_s7HjO[45]+_vHwX+_s7HjO[46]+_vJoU+_s7HjO[47]);}if(_140421_pinterest){_vOjJ.append(_s7HjO[48]+encodeURIComponent(_vEmJ)+_s7HjO[49]+encodeURIComponent(_vHwX)+_s7HjO[50]+encodeURIComponent(_vWfK)+_s7HjO[51]);}if(_140421_linkedin){_vOjJ.append(_s7HjO[52]+_vEmJ+_s7HjO[53]+encodeURIComponent(_vWfK)+_s7HjO[54]+_vHwX+_s7HjO[55]);}if(_140421_close){_vOjJ.append(_s7HjO[56]+_vJoU+_s7HjO[57]);}_vOjJ.append(_s7HjO[58]);_vZbK.mouseenter(function(){if(_vZbK.is(_s7HjO[59])){_vZbK.find(_s7HjO[60]).fadeIn();_vZbK.find(_s7HjO[61]).fadeIn();}});_vZbK.mouseleave(function(){_vZbK.find(_s7HjO[62]).hide();_vZbK.find(_s7HjO[63]).hide();});_vZbK.find(_s7HjO[64]).click(function(){_vZbK.find(_s7HjO[65]).hide();_vZbK.find(_s7HjO[66]).hide();_vZbK.removeClass(_s7HjO[67]);});_vJoU++;});$(_s7HjO[68]).remove();var _vXoT=window.location.hash;if(_vXoT){$(_s7HjO[69]).animate({scrollTop:$(_vXoT).offset().top},500);}});}}_fEaQ();}
 
&lt;/script&gt;</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>  <b:if cond='data:blog.pageType == &quot;item&quot;'>

  <!-- only display title if it's non-empty -->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/></b:if>
</b:includable>
            </b:widget>