Mensaje invitando a suscribirse

Vamos a poner un mensaje para mostrar a tus visitas invitándoles a suscribirse a tu blog.

1. Añadimos antes de ]]></b:skin>


/* Animar a suscribirse */
.subscribe_cartel {
background: #ffc url(url_de_la_imagen_de_fondo);
border: 1px solid #a6c4e1;
padding: 5px;
margin: 0 2px;
font-size: 100%;
}
.subscribe_cartel a {
text-decoration: none;
}
.subscribe_cartel a:hover {
text-decoration: underline;
}

Aqui modificamos lo necesario para adaptarlo al estilo de nuestro blog:

background: #ffc url(url_de_la_imagen_de_fondo);
Si no queremos usar una imagen: background: #ffc;

border: 1px solid #a6c4e1;

padding: 5px; margin: 0 2px;

font-size: 100%;

Tamaño del mensaje
Si dejamos el código CSS tal como está, el tamaño del mensaje se adaptará al del lugar donde lo coloquemos. Si, por ejemplo, lo situamos en un elemento sobre las entradas, el mensaje ocupará el mismo ancho que estas, si queremos controlar su anchura, añadiremos width:300px;, o el valor que queramos para el ancho, por ejemplo, justo debajo de .subscribe_cartel {.

2. En un nuevo elemento de página insertamos:

<center>
<div class="subscribe_cartel">
<img src="url_imagen de tu feed"/>
<b>¿Es la primera vez que visitas mi blog?</b>
Quizás deseas suscribirte por
<a href="url_tu feed RSS"> RSS</a> o por
<a href="url_tu feed Email"> Email.</a>
</div>
</center>

En "URL_IMAGEN DE TU FEED" colocaremos la url de nuestro icono de suscripción.
En "URL_TU FEED RSS" la url de Feedburner o del servicio que usemos para facilitar la suscripción. Si no usamos ningún servicio externo, colocaremos aquí el de Blogger: http://Tu_blog.blogspot.com/feeds/posts/default
En "URL_TU FEED EMAIL" la del servicio que usemos para facilitar la suscripción por correo.

3. Guardamos los cambios en el nuevo elemento y lo arrastramos encima o debajo de nuestras entradas; también podemos dejarlo en la sidebar.
Localizaremos ahora nuestro nuevo elemento dentro del código de la plantilla y haremos los cambios necesarios para que solo sea visible en las páginas de archivos y etiquetas, para ello vamos a necesitar expandir los artilugios y seguir las instrucciones que se explican en esta entrada anterior.

Sin comentarios

» Escribe tu comentario aquí:


Si quieres hacer alguna consulta sobre tu blog habilita tu perfil o deja un enlace a tu blog:
<a href="url-de-la-página">Texto enlace</a>

» O utiliza el antiguo formulario


Los comentarios están siendo moderados y publicados lo antes posible.



jesgo23 ©2008/2009 | Plantilla Blogger | Diseño jesgo Creative Commons License