miércoles, 25 de noviembre de 2009

Muchas plantillas para blogger

Ayuda Blogger http://ayuda-blogger.com/category/themesplantillas/ ha publicado una estupenda selección de plantillas web gratuitas muy interesantes para cualquier diseñador o webmaster. Las descargas incluyen los archivos PSD, y los estilos CSS y HTML. También pueden servirte como fuente de inspiración para crear tu sitio.

Oztimiza la carga de tu blog

La velocidad de carga de tu blog o web influye también el el posicionamiento en buscadores.

Por eso es realmente útil tener a mano una herramienta como WebSiteOptimization http://www.websiteoptimization.com/ , que nos permite saber cuanto pesa los scripts, imágenes, css o html de nuestro sitio. A la vez, nos resume un informe con acceso a diferentes opciones disponibles en la Red para la optimización de los archivos más pesados.

Enviar fax gratis

MyFax http://www.myfax.com/free/sendfax.aspxes una aplicación online con la que podrás enviar fax gratis a más de 40 países.

Para ello debemos tener digitalizado el documento, que no supere de 10 MB, ni de 10 páginas. Soporta un total de 160 tipos de archivos, incluyendo por supuesto los más conocidos o más usados.

Una aplicación realmente atractiva, útil y con la que podemos ahorrarnos dinero.

Quitar fondo a una imagen




Efecto movimiento del agua





Como crear un banner




Como hacer un banner animado



como hacer un banner




Crear Tatuajes





Cambiar Color De Objetos





Combinar 2 Imagenes



Mujer De Fuego




Corregir un retrato





Subir imagenes a Blogger



Cambiar la plantilla




Barra de videos en Blogger



Inicio Vídeos Canales




Como colocar videos en blogger



Crear un enlace desde blogger




Como crear un menu en mi blog

Trucos para Blogger





Como añadir un contador



Poner musica en el blog



Como Agregar Elementos





Cambiar fondo al blog



Como crear un blog




Como bajar un video de youtube

Os pongo un video donde os dice como bajar videos de youtube

martes, 24 de noviembre de 2009

Scroll en una entrada

Ahora vamos añadir un scroll en una entrada para cuando son muy largas

Vamos a Configuracion, publicacion, plantilla calasica y nos sale la plantilla

Para añadir un scroll vamos a hacerlo añadiendo unas líneas a las CSS, sin expandir artilugios.

Lo añadiremos justo antes de ]]></b:skin>

Este es el codigo ya sabeis para buscar algo en la plantilla Control + F

#scroll {
width:400px;
height:200px;
background-color:#99CC66;
overflow:auto;
}

Aqui podemos cambiar el color del fondo background-color:#FFFFFF;

Aqui el ancho width:400px;

Aqui el alto height:200px;

Con overflow: auto sólo aparecerán las barras del scroll en caso de que el contenido sea mayor a las medidas que se añadieron en la plantilla.

Si deseamos que siempre aparezcan las barras del scroll en lugar de overflow: auto añadiremos overflow: scroll Si el contenido no excede las medidas las barras quedan deshabilitadas, en el momento que es mayor el contenido se habilitan.

Vista previa si sale bien,guardamos los cambios de nuestra plantilla y escribimos nuestro texto de la siguiente forma:

<div id="scroll">
<p>
Aquí lo que queremos que este dentro del scroll </p>
</div></p>
</div>

Ejemplo


Aceptar... y dejar ir, significa dejar de pelear con la vida, aceptando a las personas, las situaciones, las circunstancias y los hechos tal como se den, incluidas decisiones y acciones del pasado, lo “malo”, así como lo “bueno”.
Implica saber renunciar no aferrándonos a aquello que la razón nos dice es, en nuestras circunstancias, imposible o muy costoso de lograr.
Si dejamos de luchar y de resistirnos a lo inevitable, viviremos plenamente el presente, permaneciendo abiertos a todas las opciones sin aferrarnos rígidamente a ninguna de ellas.
Esto estimula la capacidad de dar respuestas creativas a la existencia, tal como es en el aquí y en el ahora.
La aceptación es casi milagrosa, nos permite cambiar y facilita igualmente el que lo demás también cambien, pues solo desde la aceptación de la realidad podemos iniciar caminos de transformación.

Sin los fracasos de ayer no seríamos lo que somos hoy. Evaluar nuestras acciones pasadas a la luz de lo que somos en presente no es racional, pues si volviésemos atrás con el grado de consciencia e información que teníamos en ese momento, volveríamos a cometer los errores que hoy lamentamos.
Esta es también la base del perdón: la convicción de que todo ser humano actúa dentro de las limitaciones de su nivel de evolución y de sus circunstancias.
Siempre que enfrentemos cualquier evento busquemos explicaciones más que culpas, tratando de aprender de lo que nos pase.
Para todo lo que sucede hay razones que, bien aprovechadas, trabajan en favor de nuestro desarrollo como seres humanos.
En cada problema hay un principio de oportunidad, que nos permite transformar cualquier circunstancia adversa, en algo positivo.
Cuando nos encontremos sufriendo ante cualquier situación hagámonos esta pregunta, ¿Qué es lo que no estoy aceptando? Al hacérnosla encontraremos la causa del sufrimiento.
Para Gerardo Schmedling, reputado maestro espiritual ya fallecido, aquello que no somos capaces de aceptar es la única causa del sufrimiento.Para él, si lográramos aceptarla obtendríamos una liberación casi instantánea del dolor.

La felicidad no depende de lo que está pasando afuera, sino de la forma como reaccionamos a lo que nos suceda. Bueno o malo dependen de juicios de la mente, solo existe vida por vivir.





Si queremos que nos quede centrado

Le añadimos esto

<div align="center">

<div id="scroll">
<p>Aquí lo que queremos que este dentro del scroll </p>
</div>

</div>

Y nos queda asi



Aceptar... y dejar ir, significa dejar de pelear con la vida, aceptando a las personas, las situaciones, las circunstancias y los hechos tal como se den, incluidas decisiones y acciones del pasado, lo “malo”, así como lo “bueno”.
Implica saber renunciar no aferrándonos a aquello que la razón nos dice es, en nuestras circunstancias, imposible o muy costoso de lograr.
Si dejamos de luchar y de resistirnos a lo inevitable, viviremos plenamente el presente, permaneciendo abiertos a todas las opciones sin aferrarnos rígidamente a ninguna de ellas.
Esto estimula la capacidad de dar respuestas creativas a la existencia, tal como es en el aquí y en el ahora.
La aceptación es casi milagrosa, nos permite cambiar y facilita igualmente el que lo demás también cambien, pues solo desde la aceptación de la realidad podemos iniciar caminos de transformación.

Sin los fracasos de ayer no seríamos lo que somos hoy. Evaluar nuestras acciones pasadas a la luz de lo que somos en presente no es racional, pues si volviésemos atrás con el grado de consciencia e información que teníamos en ese momento, volveríamos a cometer los errores que hoy lamentamos.
Esta es también la base del perdón: la convicción de que todo ser humano actúa dentro de las limitaciones de su nivel de evolución y de sus circunstancias.
Siempre que enfrentemos cualquier evento busquemos explicaciones más que culpas, tratando de aprender de lo que nos pase.
Para todo lo que sucede hay razones que, bien aprovechadas, trabajan en favor de nuestro desarrollo como seres humanos.
En cada problema hay un principio de oportunidad, que nos permite transformar cualquier circunstancia adversa, en algo positivo.
Cuando nos encontremos sufriendo ante cualquier situación hagámonos esta pregunta, ¿Qué es lo que no estoy aceptando? Al hacérnosla encontraremos la causa del sufrimiento.
Para Gerardo Schmedling, reputado maestro espiritual ya fallecido, aquello que no somos capaces de aceptar es la única causa del sufrimiento.Para él, si lográramos aceptarla obtendríamos una liberación casi instantánea del dolor.

La felicidad no depende de lo que está pasando afuera, sino de la forma como reaccionamos a lo que nos suceda. Bueno o malo dependen de juicios de la mente, solo existe vida por vivir.

Imagenes que se habren en otra pagina

Pinchar en esta imagen vereis que sale en otra pagina




Lo podemos hacer con una imagen subida desde el pc.
Pinchamos Edición de HTML en la parte de arriba de la entrada, después haber subido la imagen a la entrada, y en la dirección de la imagen que hemos subido hay que poner esto: target="_blank" detrás de las comillas de la primera dirección que sale.

Esta es la imagen que esta arriba


<a href=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiITaE0PQW0xLb5rmyYgk4zeyMoo8KDQFR84QRFQOG7enY47wnXEIIBiYfywNsXLw8ZS8niVvbhPsWkl9DK0_Dc9OWtl5DXtiKDmIwp_KS3Alyu2iHf-vaOSMq31T2fbby8jLmyguVVS2/s1600/portal-15.gif "><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 212px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiITaE0PQW0xLb5rmyYgk4zeyMoo8KDQFR84QRFQOG7enY47wnXEIIBiYfywNsXLw8ZS8niVvbhPsWkl9DK0_Dc9OWtl5DXtiKDmIwp_KS3Alyu2iHf-vaOSMq31T2fbby8jLmyguVVS2/s400/portal-15.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5407733154117917106" /></a>

Y aqui añadiendo target="_blank"




<a href=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiITaE0PQW0xLb5rmyYgk4zeyMoo8KDQFR84QRFQOG7enY47wnXEIIBiYfywNsXLw8ZS8niVvbhPsWkl9DK0_Dc9OWtl5DXtiKDmIwp_KS3Alyu2iHf-vaOSMq31T2fbby8jLmyguVVS2/s1600/portal-15.gif " target="_blank" ><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 212px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpiITaE0PQW0xLb5rmyYgk4zeyMoo8KDQFR84QRFQOG7enY47wnXEIIBiYfywNsXLw8ZS8niVvbhPsWkl9DK0_Dc9OWtl5DXtiKDmIwp_KS3Alyu2iHf-vaOSMq31T2fbby8jLmyguVVS2/s400/portal-15.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5407733154117917106" /></a>

Como poner las etiquetas

Cuando introducimos una entrada, en la parte de abajo podemos ver esto.




Ademas de los botones para publicar la entrada y guardarla, hay otras opciones.
Pinchar en Opciones de entradas vereis que hay podeis cambiar la fecha y la hora de publicación de la entrada e incluso permitir o no comentarios.



En la parte en blanco escribís el nombre de la etiqueta de la entrada.

Para qué sirven las etiquetas
Las etiquetas sirven para ir colocando las entradas por secciones, de forma que habláis de varios temas en vuestro blog, las personas que entren en el sabrán cuales son los temas que tenéis y poder acceder a ellos fácilmente atreves de la etiquetas.

Cambiar las etiquetas de las entradas

Si tienes que hacer el cambio en varias entradas, esta forma es la mejor.
Nos vamos a editar entradas.
Al entrar veremos que pone Acciones de etiquetas.



Pinchando en ella, se abre una lista en la que debajo de Aplicar etiqueta, hay podremos ver todas las etiquetas que hemos ido poniendo hasta ahora.



Al final de esa lista, hay la posibilidad de crear un Nueva etiqueta.

Marcamos la casilla que hay junto al nombre de las entradas, que le queremos añadir o cambiar una etiqueta.

Si la etiqueta que le queremos poner ya existe, con marcarla es suficiente para que se añada, de forma automática.
Si queremos crear una nueva, marcamos en Nueva etiqueta.

Es posible que salga ese aviso de que quiere abrirse una ventana generada por scripts. Pinchamos en la barra y en este menú que aparece pinchamos en Permitir.





Cuando nos den el permiso, volvemos a marcar en Nueva etiqueta y aparecerá esta ventanita y escribimos la nueva etiqueta.




La etiqueta se colocará automáticamente en las entradas que hayamos marcado y aparecerá esto y la posibilidad de Deshacer por si nos hemos equivocado.



Y en la entrada marcada se verá la nueva etiqueta.



Si queremos quitar alguna etiqueta que ya tenemos, marcamos la entrada que queremos quitar y abrimos otra vez la lista.

Debajo Nueva etiqueta vemos que hay la de Eliminar etiqueta.
Marcamos la etiqueta que queremos eliminar...




La etiqueta se eliminará de la o las entradas marcadas y saldrá el aviso correspondiente.



Vereis que la etiqueta se ha eliminado

lunes, 23 de noviembre de 2009

Para que una entrada nos salga en otra pagina

Cuando Redactamos una entrada y queremos poner un enlace en el texto, pinchamos en la parte verde de arriba que nos sale con una cadena para insertar el link de otro blog , se abre una ventana y ponemos en ella la dirección del sitio del que estamos hablando.
Pero al pinchar en dese enlace, el sitio se abre en la misma ventana.
Igual esta persona regrese a seguir leyéndote, pero también puede ser que no lo haga.
A menudo un enlace te lleva a otro y a otro y así acabas perdiéndote en la red.
Para ello, una vez insertado el link pincha en la pestaña Edición de HTML.aqui mismo
Verás que la dirección está entrecomillada.

Por ejemplo:

<a
href=" http://mispacticasdeblog.blogspot.com">cositas para el blog</a>
Detrás de las comillas de cierre de la dirección y antes del signo > he escrito, sin dejar espacios,
target="_blank"
para que se vea así

&lt;a
href=" http://mispacticasdeblog.blogspot.com "target="_blank"&gt;Cositas para el blog&lt;/a&gt;

de esta manera si pinchas en el
enlace, verás el blog en otra ventana.

Si lo queréis hacer mas fácil

Podéis hacer que tus enlaces se abran directa mente en otra ventana.
Para eso lo único que tenéis que hacer es al lado de donde queráis que se vea el enlace del blog poner esto

&lt;a href=" http://mispacticasdeblog.blogspot.com/" target="_blank"&gt; http://mispacticasdeblog.blogspot.com/&lt;/a&gt;


Por ejemplo

Mi blog de cositas para el blog &lt;a href=" http://mispacticasdeblog.blogspot.com/" target="_blank"&gt; http://mispacticasdeblog.blogspot.com/&lt;/a&gt;
espero haberos ayudado

Centrar el gadget de imagenes

Hay que añadir un codigo en la css de la plantilla. Como siempre Diseño, edicion htlm, no hay que expandir artilugios
Buscar

]]></b:skin>

Y antes de ]]></b:skin>

Poner esto


.Image {
text-align:center;
}

Vista previa y si sale bien guardar plantilla

No se os olvide que cuando añadimos algo deve de quedar igual que lo ponemos con espacios comas ect..

Para que el widget de archivo salga en otra pagina

Para que el widget del archivo salga en otro pagina como siempre Diseño, edicion htlm, expandir artilugios
Y buscar esto en la plantilla

<li><a expr:href='data:i.url'


Y añadir al final del codigo esto

target='_blank'>

Y quedara asi

<li> <a expr:href='data:i.url' target='_blank'>

Vista previa y si sale bien guardar plantilla

Entradas salgan en otra pagina

Para que las entradas se habran con otra pagina como siempre Diseño, edicion htlm expandir artilugios
Control + F para buscar en la plantilla

Buscar esto

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

Hay que añadir (espacio)target='_blank' destrás de url' para que quede así

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' target='_blank'>
Vista previa y si sale bien guardar plantilla

Quitar el numero de las etiquetas

Si quieres quitar el numero de entradas que hay en la etiquetas Diseño /Edición de HTML, expandir plantillas de artilugios.
Control+ F buscar en la plantilla
Y buscamos esto.

<div id='sidebar-wrapper'>


Busca el widget que lleve por título Etiquetas, os si le has cambiado el nombre busca ese nombre, los widgets, o elementos, estan en el mismo orden en que los tienes y que suele empezar así

</b:widget>
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>


Debajo de este codigo busca esto
(<data:label.count/>)

Y borralo todo, paréntesis inclusive. Haz Vista previa, y Guarda plantilla.

Añadir la menubar a la plantilla

Es muy fácil poner la menú bar se puede poner encima de la cabecera o debajo donde nos guste más.
Primero vamos hacer es ponerla arriba de la cabecera





Como siempre vamos a diseño, edicion htlm sin expantir artilugios.
Y buscamos esto ( Control + F )
<div id='header-wrapper'>
Debajo de este codigo añadimos esto.
<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList2' locked='true' title='Menubar' type='LinkList'/>
</b:section>

Me imagino que ya tienes un elemento "Lista" añadido, de ahí el id='LinkList2', si tenemos mas de un elemento "Lista" añadidos hemos de saber ( cual toca ) para cambiar su id. Para no complicarnos demasiado, lo mejor es poner en el id un número elevado.

<b:section class='menubar' id='menubar' maxwidgets='1' showaddelement='yes'>
<b:widget id='LinkList50' locked='true' title='Menubar' type='LinkList'/>
</b:section>


En el CSS de la plantilla añadimos el código para nuestro menubar, si no sabemos donde colocar el codigo, lo ponemos antes de ]]>


#menubar h2 {display:none;}

#menubar ul {
list-style: none;
}
#menubar li {
float: left;
}

#menubar a:link, #menubar a:visited, #menubar a:hover {
padding: 5px;
display: block;
color: #003399;
}

#menubar a:hover {
background-color: #CC3300;
}

Podemos cambiar los colores de los links a nuestro gusto.
Vamos a plantilla y veremos el nuevo elemento menubar sobre la cabecera, pinchamos en editar Y añadimos los enlaces que queramos.
Si lo que queremos hacer es colocarla debajo de la cabecera ponemos el primer codigo justo debajo de este codigo.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='nbgeyhtuytk (cabecera)' type='Header'/>
</b:section>

Quitar el titulo de la cabecera

Si quieres quitar el titulo del blog porque has colocado tu imagen y te queda el nombre .Para poder quitarlo de la cabecera, pero no del blog.
Entra en Diseño/Edición de HTML, expandes elementos y buscas la zona del header en el código HTML, que está al principio de todo.





control + F y buscamos esta parte
<b:include name='title'/>
y la quitamos.

Y si tuvieras subtítulo y también quisieras quitarlo elimina esta parte.
<b:include name='description'/>

Le damos a vista previa. Verás que el título y/o el subtítulo no se ven en el blog, pero se sigue viendo en la barra azul del navegador. Dale a guarda.

Tod@s los herman@s de luz que me acompañan en este caminar gracias por vuestra luz y armonia

Todas las imágenes de este blog las he recopilado de Internet y sin yo saberlo alguna tiene Copyright rogaría me avisen y inmediatamente las quito gracias.