Varios usuarios de La Coctelera han personalizado la plantilla del blog o han descubierto formas diferentes para gestionarlo. Aunque es un procedimiento relativamente sencillo, debes tener mucho cuidado pues podrías arruinar la apariencia de la plantilla, especialmente si no tienes experiencia con HTML. Sigue las recomendaciones publicadas en el estos blogs:
Avísanos si sabes de otros tutoriales o si quieres compartir el tuyo. Recuerda que puedes publicarlos en el Wiki de La Coctelera .
servido por Ayuda
20 comentarios
compártelo
favorito
Hasta hace poco recomendábamos el sistema de estadísticas de Nedstat Basic para hacerle seguimiento al rendimiento de nuestro blog y al número de visitantes que recibía. Sin embargo, debido al alto porcentaje de PopUnder (intrusivas ventanas de publicidad que se abren debajo del sitio web activo) sugerimos utilizar otros servicios gratuitos disponibles en la red. Hay muchos y de muy buena calidad. De momento les recomendamos estos tres:
1. Logdy: Sumamente sencillo de manejar y con opciones básicas de seguimiento.
2. StatCounter: El proceso de registro es un poco más extenso y complejo. Sin embargo, una vez registrado, tiene un mayor número de opciones para gestionar las estadísticas de nuestro blog. Sólo está disponible en inglés.
Para activar el servicio de estadísticas dentro de los blogs de la Coctelera, es necesario incluir el código de seguimiento que provee cada una de esas herramientas dentro de la sección “Sobre mí” del panel de control de nuestra cuenta.
servido por Ayuda
sin comentarios
compártelo
favorito
Hoy Miguel Ángel Pedregosa nos colabora con un excelente tutorial de ayuda para quienes quieran personalizar su blog de la Coctelera. Afortunadamente algunos usuarios se nos han salido de las manos y han decidido darle rienda suelta a su curiosidad e inconformidad. Altamente recomendable su blog.
Así luce su blog, con nuevas categorías creadas por él mismo: SINDICACIÓN, TIRA BYT & BYTE, ESATDÍSTICAS y LICENCIA.
Personalizando la Coctelera.
Podemos añadir nuevas secciones a el menú de la derecha de nuestro blog en La Coctelera simplemente expandiendo la sección "Sobre mi" con código Xhtml.
Para ello lo primero es darle un nombre a la nueva sección, para ello utilizaremos la etiqueta <h2>
Por ejemplo <h2>Mi Seccion</h2>
No olvidar la etiqueta de cierre </h2>
Una vez que tenemos el título pasamos a el contenido.
Si el contenido es texto solamente conviene encerrarlo dentro de un párrafo usando las etiquetas
y su correspondiente cierre
Para insertar una imagen usamos la etiqueta ![]()
. Nota, esta etiqueta no tiene etiqueta de cierre, no existe por lo que debemos añadir una barra invertida ( / ) justo antes de >
Veamos un ejemplo:
<img src="http://tira.emezeta.com/tiras/tiramin.png" border="0" alt="La Tira de bit& byte" class="imgcen" />
Podemos situar la imagen en tres posiciones:
• Centrada, para ello usamos class="imgcen"
• Alineada a la izquierda, para ello usamos class="imgizqda"
• Alineada a la derecha, para ello usamos class="imgdcha"
Por ultimo para incluir un enlace y mantener el estilo que se aplica a todos los enlaces de la derecha, debemos incluir una lista desordenada.
El procedimiento es muy sencillo.
1º Etiqueta de inicio de lista desordenada: <ul>
2º Para cada elemento de la lista,necesitamos una etiqueta de inicio <li> y una de cierre
3º Incluimos el código del enlace correspondiente dentro después de cada <li> y antes de
4º Etiqueta de cierre de la lista desordenada:
Aquí tenéis un ejemplo:
<ul>
<li><a href="http://www.lacoctelera.com/unodetantos/feeds/rss2">RSS 2.0
<li><a href="http://www.lacoctelera.com/unodetantos/feeds/atom03">Atom 0.3
Para terminar os dejo el código completo de la sección "sobre mi" de mi blog, para que le echéis un vistazo y aprendáis a ponerla a vuestro gusto.
Blog realizado por Miguel Ángel Pedregosa. Estudiante de Ingeniería Técnica en Informática de Sistemas por la Universidad Publica de Granada.
<h2>Sindicación
<ul>
<li><a href="http://www.lacoctelera.com/unodetantos/feeds/rss2">RSS 2.0
<li><a href="http://www.lacoctelera.com/unodetantos/feeds/atom03">Atom 0.3
</ul>
<h2>Tira Byt & Byte
<p>
<br />
<a href="http://tira.emezeta.com/" target="_blank"><img src="http://tira.emezeta.com/tiras/tiramin.png" border="0" alt="La Tira de bit& byte" class="imgcen" />
servido por Ayuda
sin comentarios
compártelo
favorito
