Discover Luz Casal!
Video de tv
Watch live streaming video from 40tv at livestream.com
Television
Tele
viernes, 13 de mayo de 2011
Tienda virtual
Si quieres visitar una de mis tiendas virtuales pica aquí
Mi página de facebook
Si quieres visitar mi página de facebook pica aquí
Caja de seguidores del blog
Para que en tu blog aparezca una caja con los seguidores del blog entra aquí y sigue las instrucciones
Poner botones flotantes de redes sociales
Si quieres más información sobre como añadir un gadget pica aquí
Si quieres hay un generador automático para ello pica aquí
Un vídeo aquí
Si quieres hay un generador automático para ello pica aquí
Un vídeo aquí
Botón flotante de twitter
Si quieres más información entra aquí
5 opciones de blogger
Si quieres más información pica aquí
jueves, 12 de mayo de 2011
¿Que son?
Si quieres más información pica aquí
martes, 10 de mayo de 2011
Quitar pie de página del blog
Para quitar el pie de página del blog aquí
Gadget de solapas
Si quieres más información aquí
Paginar el blogg
Puedes ver como se puede paginar tu blog de varias maneras picando aquí
lunes, 9 de mayo de 2011
Añadir me gusta en entradas
Si quieres añadir el botón me gusta a las entradas sigue las instrucciones que verás aquí
Cambiar texto entradas antiguas
Para personalizar tu fondo de página puedes cambiar entradas antiguas, recientes o página principal por una imagen, si quieres más información aquí lo puedes hacer:
El escaparate de Rosa
El escaparate de rosa es un blog de ayuda que te puede servir para que tu blog sea mucho más práctico y atractivo
Si quieres puedes acceder a él picando aquí
Si quieres puedes acceder a él picando aquí
Nigún derecho reservado
La mayor parte de los trucos que te puedes encontrar en este blog, han sido aportados por otros bloggers o sacados de internet, no te cortes en usarlos para customizar tu blog.
Poner tabla entradas
Si quieres información aquí
domingo, 8 de mayo de 2011
Homenaje a Jaime
Hace unos años hice mi primer blog, durante una buena temporada lo he dejado un poco aparcado y cuando he vuelto a retomarlo me he encontrado con el blog de Jaime que me ha sorprendido muchísimo y muy gratamente. Desde aquí quiero darle mis mayores agradecimientos por tu contribución a la mejora de mis blogs.
Este es Jaime
Crear un miniblog
En el blog de jaime he visto como se crea un miniblog interesantísimo si quereis más información aquí la
podeis ver.
Rotador automático de entradas
Nubes en cabecera
Para más información pica aquí
Rotador automático de entradas
Más información aquí
Ultimas entradas con miniatura
Si quieres más información aquí
Cursor con burbujas
Más información aquí
Efecto desvanecer y aparecer
Si quieres más információn pica aquí
Menú horizontal con buscador
Si quieres más información pica aquí
Menú tipo acordeón
Si quieres más información pica aquí
Menú vertical desplegable
Si quieres verlo pica aquí
Mensaje de bienvenida
Puedes obtener más információn aquí
Sidebar flotante
Un sidebar flotante, no funciona con todos los navegadores aquí
Menú barra superior
Como siempre el escaparate de rosa tiene soluciones para todo aquí puedes ver como ponerlo
sábado, 7 de mayo de 2011
Barra navegación
Para poner una barra de navegación puedes encontrar aquí información
También aquí
También aquí
Y aquí también
También aquí
También aquí
Y aquí también
Los colores
Para modificar colores aquí puedes encontrar los códigos
Destacar el nombre del autor entradas
Para aumentar el tamaño del nombre del autor de las entradas puedes encontrar información aquí
Añadiendo iconos al blog
Se pueden añadir varios iconos a las entradas del blog, a los comentarios, la hora de publicación de entradas, etc
Para más información pica aquí
Para más información pica aquí
Menu desplegable efecto deslizante
Ai quieres más información aquí
Poner flecha arriba
Para más información pica aquí
Poner flechas arriba y abajo
Si quieres mas información pica aquí
Enmarcar el título de las entradas
Si te apetece enmarcar el título de tus entradas, has de localizar en el sector del CSS de tu plantilla este bloque:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
y añadirle o variarle lo que ves en azul en este nuevo código
.post h3 {
margin:.25em 0 0;
padding:5 5
5px;
font-size:140%;
text-align:
center;
text-transform:uppercase;
font-weight:bold;
border: 1px solid;
line-height:1.4em;
color:$titlecolor;
}
---
Para modificar las líneas que lo enmarcan puedes utilizar varios parámetros diferentes.
Solid = línea recta; dotted = puntitos; dashed = rayitas; double = doble línea sólida; etc.
Puedes ver unos ejemplos de los diferentes modelos aquí en el apartado Enmarcar un texto.
Para varíar el grosor de la línea, cambia el número en border: 1px.
---
Más información aquí
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
y añadirle o variarle lo que ves en azul en este nuevo código
.post h3 {
margin:.25em 0 0;
padding:5 5
5px;
font-size:140%;
text-align:
center;
text-transform:uppercase;
font-weight:bold;
border: 1px solid;
line-height:1.4em;
color:$titlecolor;
}
---
Para modificar las líneas que lo enmarcan puedes utilizar varios parámetros diferentes.
Solid = línea recta; dotted = puntitos; dashed = rayitas; double = doble línea sólida; etc.
Puedes ver unos ejemplos de los diferentes modelos aquí en el apartado Enmarcar un texto.
Para varíar el grosor de la línea, cambia el número en border: 1px.
---
Más información aquí
Decorar los post
Para decorar los post
Más información entrando aquí
Más información entrando aquí
Efecto esquina doblada en los post
En este post os dejaremos un truco muy vistoso con un efecto esquina doblada para tus post y entradas:
En plantilla edición de HTML podemos encontrar algo así:
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}
Es el sitio indicado para añadir una imagen de fondo o color en los post y en este caso el efecto de esquina doblada, tendremos que eliminar lo anterior y en su lugar añadimos:
.post {
background:#ccc;/* color del post */
color: #333; /* color del texto */
margin: 2em auto;
overflow: hidden;
padding: 1em 1.5em;
position: relative;
width: 580px; /* ancho del post*/
}
.post:before {
content:"";
position:absolute;
top:0;
right:0;
border-width:0 40px 40px 0;
border-style:solid;
border-color:#fff #fff #333 #000;/* color borde y pestaña */
background:658E15;
/* sombra pestaña opcional*/
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
}
En vista previa ya podemos ver el resultado, si deseamos usar nuestros propios colores sólo debemos sustituirlos, para facilitar la tarea en el mismo código está indicado el lugar para hacerlo. O modificar width: 580px; /* ancho del post*/
En plantilla edición de HTML podemos encontrar algo así:
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
}
Es el sitio indicado para añadir una imagen de fondo o color en los post y en este caso el efecto de esquina doblada, tendremos que eliminar lo anterior y en su lugar añadimos:
.post {
background:#ccc;/* color del post */
color: #333; /* color del texto */
margin: 2em auto;
overflow: hidden;
padding: 1em 1.5em;
position: relative;
width: 580px; /* ancho del post*/
}
.post:before {
content:"";
position:absolute;
top:0;
right:0;
border-width:0 40px 40px 0;
border-style:solid;
border-color:#fff #fff #333 #000;/* color borde y pestaña */
background:658E15;
/* sombra pestaña opcional*/
-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
box-shadow:0 2px 2px rgba(0,0,0,0.3), -2px 2px 2px rgba(0,0,0,0.2);
}
En vista previa ya podemos ver el resultado, si deseamos usar nuestros propios colores sólo debemos sustituirlos, para facilitar la tarea en el mismo código está indicado el lugar para hacerlo. O modificar width: 580px; /* ancho del post*/
Escribir codigo
Para escribir código hay un conversor interesante llamado simplecode pica aquí
Redes Sociales mejor con youtube
Han sido varias las preguntas sobre la forma de añadir los iconos de redes sociales en la sidebar y no es ningún misterio todo lo contrario, de forma muy simple los añadiremos paso a paso.
Lo primero que haremos será crear una clase para los botones y añadir los estilos a esa clase, para ello nos situamos antes de ]]> y añadimos:
#redes-sociales {
text-align: center;
padding:15px;
border: 1.9px dashed #C0C0C0;
}
Con eso estamos diciendo que el contenido dentro del bloque llamado redes-sociales se posicionará centrado y tendrá a su alrededor un espacio de separación con el borde 25px. Para saber si está centrado añadimos un borde que luego podemos quitarle.
Ahora vamos a plantilla de diseño y editamos un nuevo gadget de HTML en su interior añadimos:
<div id="redes-sociales">
<a target="_blank" href="http://feeds2.feedburner.com/tu-nombre-feedburner" rel="alternate" title="Suscribirse" type="application/rss+xml"><img alt="rss" style="border:0" src="url-imagen-Feed" /></a>
<a target="_blank" href="http://twitter.com/tu-nombre-twitter" title="Twitter">
<img alt="en Twitter" src="url-imagen-Twitter" /></a>
<a target="_blank" href="http://www.facebook.com/profile.tu-perfil-facebook" title="Facebook">
<img alt="en Facebook" src="url-imagen-Facebook" /></a>
<a target="_blank" href="http://www.youtube.com/user/tu-nombre" title="YouTube">
<img alt="YouTube" src="url-imagen-YouTube" /></a>
</div>
Cambiar el código azul por la direccion de la red social y el rojo por la url de la imagen que se consigue picando sobre ella con el botón derecho del ratón y picando en copiar URL de la imagen.
Más información aquí
jueves, 5 de mayo de 2011
Blog de ayuda
He visto un blog de ayuda estupendo si quieres puedes acceder a él
Links en ventana nueva
Información sobre como quedan los vínculos en blog pica aquí
Hay que poner: target="_blank">
Y para que se abran en ventana nueva aquí
Hay que poner: target="_blank">
Y para que se abran en ventana nueva aquí
miércoles, 4 de mayo de 2011
Abrir vínculos en ventana nueva
Es una lata perder tu blog cuando picas en un vínculo. Sería mejor que se abriera en ventana nueva, para ellos con copiar y pegar un código html en tu blog lo conseguirás.
Si quieres más información pica aquí
Si quieres más información pica aquí
martes, 3 de mayo de 2011
Etiquetas en nube elegantes
Si quieres información pica aquí
Las nubes
1 Entra a tu blog y vamos a la pestaña “Plantilla” (“Diseño” si estas en el escritorio) y después a la opción “Elementos de la página”. En esta pantalla damos clic a la que nos dice “Añadir un elemento de página”.
Te abre una ventana con varias opciones donde buscamos “etiquetas” y clic en “añadir al blog”, nos lleva a una nueva pantalla y dejamos el nombre “Etiquetas” si lo tiene por defecto ,sí tiene otro nombre se lo cambiamos y damos clic en “guardar cambios”.
2 Ahora da clic en la pestaña “Plantilla” nuevamente y después en la opción “Edición de HTML”.
Suscribirse a:
Entradas (Atom)