Esta es una buena opcion para poder compartir la entradas de nuestro blog de forma rapida a traves de las redes sociales.Es una barra para compartir los artículos del blog con opción de cerrar y que aparecerá únicamente en las páginas de entradas individuales, flotando en el lado izquierdo de la pantalla.
Modificando nuestra plantilla
Para hacer que funcione lo primero que tenemos que hacer es modificar nuestra plantilla HTML.
Nos vamos a:
Tema > HTML
y peganos este texto justo antes de la etiqueta </head>
Ahora buscamos la etiqueta <body> y justo debajo pegamos este otro codigo:
Guarda tu plantilla y ya lo tienes.
Nota:
Antes de realizar cualquier cambio en nuestro blog, tendremos que realizar una copia de seguridad del mismo por si algo no sale bien.
Puedes ver en este post como lo hacemos paso a paso
Antes de realizar cualquier cambio en nuestro blog, tendremos que realizar una copia de seguridad del mismo por si algo no sale bien.
Puedes ver en este post como lo hacemos paso a paso
Tema > HTML
y peganos este texto justo antes de la etiqueta </head>
<script type='text/javascript'>function Compartpostblcn(){
div = document.getElementById("Compartpostblcn");
div.style.display="none";}
setTimeout(Compartpostblcn, 90000);</script>
<link href='https://sites.google.com/site/editoriosus/fds/blcnCompartepost.css' rel='stylesheet' type='text/css'/>
div = document.getElementById("Compartpostblcn");
div.style.display="none";}
setTimeout(Compartpostblcn, 90000);</script>
<link href='https://sites.google.com/site/editoriosus/fds/blcnCompartepost.css' rel='stylesheet' type='text/css'/>
Ahora buscamos la etiqueta <body> y justo debajo pegamos este otro codigo:
<b:if cond='data:blog.pageType == "item"'><div id='Compartpostblcn'><a href='javascript:Compartpostblcn();'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt9VABF4UOgBgbUbtg4LNQvNAEShqdjmG90PlCD7phWcA57LxFvcjKgFMLtrtzfa11ixzSIOHZYiv4VuzV4wQ9waLZZteQiWD-LObOG3yrw-aAbhjhK49TY_9FEam2wEw9o2zieZThGbz9/s320/blcerracompar.png' style='border:none;float:right;margin-bottom:10px;margin-top:4px;padding-right:8px;padding-top:4px;' title='Cerrar'/>
<div class='JJblccomp1'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div><div class='JJblccomp1'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='JJblccomp1'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Publicar en Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='JJblccomp1'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/><a href='http://goo.gl/favZ'><img alt='Stumble Upon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXu-92NGim1EyxcOhbyEMn7pz7XXQU0J_qoSM5KIkPAvsGnfS-LEiF-WaAlTsP8vhvoZNwyPA4-Tjww8KVPBwbX76JOtwOEXHZz3gUW24d6ckrP2Aex-Gel78UmnWaekgJHyKrftKbEPgi/s320/blobbt.png' style='border:none;float:right;margin-bottom:10px;margin-top:4px;padding-right:2px;padding-top:4px;'/></a></div></a></div></b:if>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt9VABF4UOgBgbUbtg4LNQvNAEShqdjmG90PlCD7phWcA57LxFvcjKgFMLtrtzfa11ixzSIOHZYiv4VuzV4wQ9waLZZteQiWD-LObOG3yrw-aAbhjhK49TY_9FEam2wEw9o2zieZThGbz9/s320/blcerracompar.png' style='border:none;float:right;margin-bottom:10px;margin-top:4px;padding-right:8px;padding-top:4px;' title='Cerrar'/>
<div class='JJblccomp1'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div><div class='JJblccomp1'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Compartir</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div>
<div class='JJblccomp1'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Publicar en Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div>
<div class='JJblccomp1'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/><a href='http://goo.gl/favZ'><img alt='Stumble Upon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXu-92NGim1EyxcOhbyEMn7pz7XXQU0J_qoSM5KIkPAvsGnfS-LEiF-WaAlTsP8vhvoZNwyPA4-Tjww8KVPBwbX76JOtwOEXHZz3gUW24d6ckrP2Aex-Gel78UmnWaekgJHyKrftKbEPgi/s320/blobbt.png' style='border:none;float:right;margin-bottom:10px;margin-top:4px;padding-right:2px;padding-top:4px;'/></a></div></a></div></b:if>
Guarda tu plantilla y ya lo tienes.
Aprecera en las entradas de tu blog.
No hay comentarios:
Publicar un comentario
Deja tu comentario y en breve te contestaremos