Bloggerman.
Bienvenidos a Bloggerman, tu Blog en unos sencillos pasos.
miércoles, 12 de marzo de 2014
LO SIENTO...
Como habréis notado no se ha publicado nada desde la última entrada avisando que no se va a publicar nada... Pues bien, ese "1 mes o 2 meses", se ha convertido en ¡¡¡¡5 MESES!!!!. Perdí el entusiasmo por completo. Pero seguiré ayudando, que por lo visto se necesita.
sábado, 9 de noviembre de 2013
Por ahora nada.
¡Buenas!
A día de hoy les traigo unas noticias, más bien malas. Como de momento, no nos obligan a hacer un Blog, solo POR AHORA, se dejará de hacer entradas.
Pero os prometo, que en cuanto nos vayan diciendo que nos vayamos preparando para hacer el Blog, empezaremos a publicar sin cesar. Como nuestro maestro, esmuy exigente nada impaciente, según mi conclusión, podrán ser 1 mes o 2 sin publicar entradas.
¡Hasta la vista,estúpidos bloggers!
A día de hoy les traigo unas noticias, más bien malas. Como de momento, no nos obligan a hacer un Blog, solo POR AHORA, se dejará de hacer entradas.
Pero os prometo, que en cuanto nos vayan diciendo que nos vayamos preparando para hacer el Blog, empezaremos a publicar sin cesar. Como nuestro maestro, es
¡Hasta la vista,
miércoles, 16 de octubre de 2013
¡Entradas nuevas!
¡Muy buenas a todos! Lo primero que quería comentar es que, el vídeo-tutorial del "menú básico con efecto CSS" se va a retrasar bastante, pues Camtasia Studio 7 (mi editor de vídeos) me va muy mal y eso...
Obviamente, es el "Episodio núm. 2", yo seguiré con el número 3, 4, 5... así hasta que se me consiga subir el 2.
Después quería decirles a mis compañeros de 6ºB, como ya sabréis los que no habéis faltado hoy, el tutor nos mandará a hacer un Blog con la temática de "educación". Pues bien, aquí,
enseñaré como mejorar vuestro Blog por encima de esa temática (sin contar los tutoriales anteriores).
Pues nada, sólo era eso, nos vemos en la próxima entrada.
Espero que les haya servido la información, ¡gracias!
Obviamente, es el "Episodio núm. 2", yo seguiré con el número 3, 4, 5... así hasta que se me consiga subir el 2.
Después quería decirles a mis compañeros de 6ºB, como ya sabréis los que no habéis faltado hoy, el tutor nos mandará a hacer un Blog con la temática de "educación". Pues bien, aquí,
enseñaré como mejorar vuestro Blog por encima de esa temática (sin contar los tutoriales anteriores).
Pues nada, sólo era eso, nos vemos en la próxima entrada.
Espero que les haya servido la información, ¡gracias!
jueves, 3 de octubre de 2013
Botones básicos con efecto CSS. (Vídeo-tutorial próximamente).
Para usar este menú básico con efecto CSS (El ejemplo está personalizado, en el código se usa texto base en color negro - blanco resaltado y color del efecto rojo) que también podrían usar como una bonita opción para compartir sus redes sociales, deben incluir un estilo en la plantilla arriba de la etiqueta </head> La ruta sería Plantilla / Editar HTML y lo ubican arriba de </head>Luego solo deben usar un sencillo <div> en un Gadget HTML/JavaScript.
Código del estilo:
----------------------------------<style type="text/css">
.spotlightmenu{
width: 100%;
overflow:hidden;
}
.spotlightmenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana; /* Fuente - Tamaño y estilo */
list-style-type: none;
text-align: center; /* Alineación "left", "center", o "right" */
}
.spotlightmenu li{
display: inline-block;
position:relative;
padding: 5px;
margin: 0;
margin-right: 5px;
}
.spotlightmenu li a{
display:inline-block;
padding: 5px;
min-width:50px;
height:50px;
text-decoration: none;
color: black; /*Color del título base*/
margin: 0 auto; /* Espacio entre los títulos en px se quitaría auto */
overflow:hidden;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.spotlightmenu li:hover a{
color: white; /* Color del título resaltado */
background: #a71b15; /* Color de fondo del efecto */
-webkit-border-radius: 50%; /* Medida en porcentaje del borde circular */
-moz-border-radius: 50%;
border-radius: 50%;
}
.spotlightmenu li a span{
position:relative;
top:35%; /* Mover el texto del menú hacia arriba para centrarlo si se necesitara */
}
</style>
--------------------------------
Importante:: Si ubican el gadget en una columna tomará los colores que hayamos aplicado en Plantilla/Personalizar/Avanzado. Si se ubica sobre el cuerpo de la entrada tendrá los colores del código. Si quieren colocar el gadget debajo del header, tienen que borrar todo lo que hay de la parte de /*Tabs---- en la plantilla. Esa parte luego de borrar su contenido se podría visualizar así:
/* Tabs
----------------------------------------------- */
/* Headings
----------------------------------------------- */
Dejo al lado de cada parte importante que se pueda editar entre /* ----- */ la debida explicación.
Ahora solo deben crear un Gadget HTML/JavaScript y pegar el siguiente Div:
<div class="spotlightmenu">
<ul>
<li><a href="URL del enlace o Página"><span>Título</span></a></li>
<li><a href="URL del enlace o Página"><span>Título</span></a></li>
<li><a href="URL del enlace o Página"><span>Título</span></a></li>
<li><a href="URL del enlace o Página"><span>Título</span></a></li>
</ul>
</div>
Importante: Si usan el código en una entrada lógicamente en modo HTML, cada vez que vayan a ingresar a ella para editarla por favor háganlo en modo HTML o perderán las etiquetas <span> y tendrán que volverlas a colocar.
/* Tabs
----------------------------------------------- */
/* Headings
----------------------------------------------- */
Dejo al lado de cada parte importante que se pueda editar entre /* ----- */ la debida explicación.
Ahora solo deben crear un Gadget HTML/JavaScript y pegar el siguiente Div:
<div class="spotlightmenu">
<ul>
<li><a href="URL del enlace o Página"><span>Título</span></a></li>
<li><a href="URL del enlace o Página"><span>Título</span></a></li>
<li><a href="URL del enlace o Página"><span>Título</span></a></li>
<li><a href="URL del enlace o Página"><span>Título</span></a></li>
</ul>
</div>
Importante: Si usan el código en una entrada lógicamente en modo HTML, cada vez que vayan a ingresar a ella para editarla por favor háganlo en modo HTML o perderán las etiquetas <span> y tendrán que volverlas a colocar.
Espero que esta información les sea muy útil.
Gracias.
miércoles, 2 de octubre de 2013
Cómo crear un blog (con vídeo-tutorial).
¡Muy buenas a todos!
Hoy enseñaremos como crear un blog (lo principal).
Hoy enseñaremos como crear un blog (lo principal).
Lo siento, pero no pude hacerlo con voz, mi micrófono está fatal. Pero de todas formas, lo hice con un bloc de notas para aclarar.
CREAR BLOG CON BLOGGER
martes, 1 de octubre de 2013
¿Quiénes somos?
¡Buenas a todos! Bienvenidos a nuestra primera entrada, que va a explicar más o menos que somos y qué hacemos.
Lo primero de todo, como habréis leído en la descripción del Blog (debajo del título), ayudaremos a crear Blogs de todos tipos, y el desarrollo. Como casi todos sabréis, crear uno es bastante fácil. Lo difícil es mantenerlo.
Sobre todo haremos tutoriales y algún que otro vídeo-tutorial.
Absolutamente TODO lo que se publique en este Blog, podrá ser copiado o utilizado. Nada de Copyright.
Lo primero de todo, como habréis leído en la descripción del Blog (debajo del título), ayudaremos a crear Blogs de todos tipos, y el desarrollo. Como casi todos sabréis, crear uno es bastante fácil. Lo difícil es mantenerlo.
Sobre todo haremos tutoriales y algún que otro vídeo-tutorial.
Absolutamente TODO lo que se publique en este Blog, podrá ser copiado o utilizado. Nada de Copyright.
Suscribirse a:
Comentarios
(
Atom
)
