Como sabemos, las redes sociales son
comunidades virtuales donde los usuarios interactúan con personas de todo el mundo
con quienes comparten virtualmente intereses comunes y funcionan como una plataforma de
comunicaciones. De allí la importancia para nuestro blog o sitio web, el estar
integrado
Para comenzar la instalación, nos vamos a Plantilla / Editar HTML:
Una vez allí ubicamos lo siguiente:
Pero si no lo encontramos, ubicaremos lo
siguiente; post-header (ambas pueden
estar varias veces, escoger la última de abajo).
Luego que ya lo encontramos, pegar lo
que sigue en la parte de abajo:
<div class='botonera'>
<!-- Google+ -->
<div class='goog'>
<a
expr:href='"javascript:window.open('http://plus.google.com/share?url="
+ data:post.canonicalUrl + "&title=" +
data:post.title +
"',this.target,'width=500,height=500');"'>Google+</a></div>
<!-- Twitter -->
<div class='twit'>
<a
expr:href='"javascript:window.open('http://twitter.com/home?status="
+ data:post.title + " " + data:post.canonicalUrl + "
Vía:@oloman',this.target,'width=500,height=500');"'>Twitter</a></div>
<!-- Pinterest -->
<div class='pint'>
<a
href='javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());'>Pinterest</a></div>
<!-- Facebook -->
<div class='face'>
<a
expr:href='"javascript:window.open('http://www.facebook.com/sharer.php?s=100&p[title]="
+ data:post.title + "&p[summary]=" +
data:post.snippet + "&p[url]=" +
data:post.canonicalUrl + "',this.target,'width=650,height=450');"'>Facebook</a></div>
<!-- Menéame -->
<div class='mene'>
<a
expr:href='"javascript:window.open('http://www.meneame.net/submit.php?url="
+ data:post.canonicalUrl + "&title=" +
data:post.title + "',this.target,'width=650,height=450');"'>Menéame</a></div>
<!-- Linkedin -->
<div class='link'>
<a
expr:href='"javascript:window.open('http://www.linkedin.com/shareArticle?mini=true&url="
+ data:post.canonicalUrl + "&title=" + data:post.title
+ "&summary=" + data:post.snippet +
"&source=Oloblogger',this.target,'width=650,height=450');"'>Linkedin</a></div>
</div>
Continuando con la instalación, buscamos
lo siguiente:
]]></b:skin>
Ahora que ya lo encontramos, pegamos los
estilos en la parte de arriba:
.botonera {margin: 10px auto;text-align:
center;font-size: 0;}
.botonera div {overflow: hidden;margin: 0px;display:
inline-block;*display: inline; zoom: 1;}
.botonera a {display: inline-block; *display: inline;
zoom: 1;width: 62px;height: 20px;margin: 2px;padding: 0 2px;color:
white;text-decoration: none;line-height: 20px;text-align: center;font-family:
arial;font-size: 12px;cursor: pointer;}
.botonera .face a {background: #3b5998;}
.botonera .twit a {background: #2daae1;}
.botonera .goog a {background: #dd4b39;}
.botonera .pint a {background: #ca2128;}
.botonera .mene a {background: #FF6400;}
.botonera .link a {background: #0079BB;}
Guardamos
los cambios.
Eso es
todo.
