Enlaces para compartir tus posts en Blogger
Darles la posibilidad a otros de compartir nuestras entradas en algún sitio, foro o blog nos beneficia considerablemente en nuestro pagerank, cantidad de visitas, etc.
Este complemento permite añadir al final de las entradas enlaces en HTML, BBCode y la URL por defecto, se verá mas o menos así:
La imagen es referencial, puedes darle el estilo que desees.
Primero, vamos a ''Diseño/Edición HTML'' en donde marcamos ''Expandir plantillas de artilugios''. Buscaremos la siguiente línea:
Paso 2: Añadiendo los estilos:
Ahora buscaremos la siguiente línea:
Arriba de ésta, pegaremos el siguiente código:
Guardamos los cambios y listo:
Este complemento permite añadir al final de las entradas enlaces en HTML, BBCode y la URL por defecto, se verá mas o menos así:
La imagen es referencial, puedes darle el estilo que desees.
¿Cómo insertar este complemento en Blogger?
Paso 1: Añadir a las entradas:
Primero, vamos a ''Diseño/Edición HTML'' en donde marcamos ''Expandir plantillas de artilugios''. Buscaremos la siguiente línea:
<data:post.body/>Debajo de ésta, pegaremos la siguiente:
<b:if cond='data:blog.pageType == "item"'>
<div class='compartiendo-post'>
<p>Si este artículo te ha gustado puedes publicarlo en tu web, blog o foro con los siguientes enlaces:</p>
<p><label for="aa-url">URL:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-url" value="<data:post.url/>" /></p><p><label for="aa-forum">Enlace en HTML:</label><br /><input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="<a href=&quot;<data:post.url/>&quot;><data:post.title/></a>" /></p><p>
<label for="aa-forum">Enlace en BBCode:</label><br />
<input size="80" readonly="readonly" onclick="this.focus();this.select();" type="text" id="aa-forum" value="[url=<data:post.url/>]<data:post.title/>[/url]" /></p>
</div>
</b:if>
Paso 2: Añadiendo los estilos:
Ahora buscaremos la siguiente línea:
]]></b:skin>
Arriba de ésta, pegaremos el siguiente código:
/* Estilos Compartir entradas
----------------------------------------------- */
.compartiendo-post {
background:#f0f0f0; /* Color de fondo del contenedor */
margin-top:30px; /* Margen superior */
padding-top:5px; /* Espaciado superior */
padding-bottom:30px; /* Espaciado inferior */
padding-left:30px; /* Espaciado a la izquierda */
}
.compartiendo-post p {
font-size:12px; /* Tamaño de texto del mensaje */
}
.compartiendo-post input {
background:#ffffff; /* Fondo de las celdas */
border: 1px solid #A4A4A4; /* Borde de las celdas */
}
Guardamos los cambios y listo:
Consideraciones:
- Recuerda que puedes cambiar los atributos de los estilos por los que desees.
