Trucos HTML para Copiar y Pegar

Me preguntáis un montón de veces por cómo se consigue que un determinado párrafo quede centrado, que salga la foto donde queremos, o cómo se pone un link a una imagen o texto... esto entre un millón de cosas más; pues bien, todo esto se hace con el HTML ¡¡ese gran desconocido!!

Cuando escribes un post en wordpress tienes, arriba a la derecha, dos pestañitas: "Visual" y "Texto".

• Visual es la pantalla tal como la ves cuando escribes, en formato texto plano, como si lo hicieras en un documento de Word, por ejemplo.
• Texto es donde podemos añadir código para que nuestro post quede tal y como lo queremos. Cuando escribes un código en "Texto", al pasar a "Visual" ese código deja de verse y a cambio tienes un bonito diseño de letras, una imagen con link...

También puedes usarlo en los widgets del blog que puedes añadir a tu sidebar, como poner una imagen con un link a otra página (lo usamos mucho para publicidad de marcas o para enlazar con otros blogs)

Trucos HTML

Como me es imposible hacer un post por cada uno de los códigos que se pueden usar (más que imposible, me resulta tedioso, la verdad), voy poner aquí unos trucos html de copiar y pegar para que sólo tengas que venir aquí cada vez, coger los códigos y llevarlos a donde los necesites, ahí van:

Crear una linea separadora

A veces queremos separar dentro de un post un texto de otro, pues así es cómo se hace, un truco html súper fácil y que queda muy bien.

<hr />

---

Cambiar el tamaño de la fuente

Sólo tienes que cambiar el porcentaje y el tamaño de la letra variará en función de si es mayor o menor.

<span style="font-size: 150%;">Tu texto aquí</span>

Cambiar el color de la fuente

Si quieres que una determinada palabra o el texto completo cambie de color, cambia el código de letras y números que va detrás de # por el color que más te guste, en internet puedes encontrar un montón de sitios donde elegir el color, en este enlace te dejo uno de ellos.

<span style="color: #ff6cc5;">Tu texto aquí</span>

Cambiar el tipo de fuente

Para cambiar el tipo de letra, usa este código en tu blog y modifica por la que quieras utilizar.

<span style="font-family: georgia, serif;">Tu texto aquí</span>

Hacer el texto más pequeño

Te puede venir bien para poner un aviso legal o los derechos de autor en el blog, donde el texto suele ponerse más pequeño de lo normal.

<small>Tu texto aquí</small>

Hacer un área de texto

Uno de los trucos html facilísimos y que poca gente usa; cuando quieras resaltar algo dentro de un recuadro sombreado, esta es la forma.

<textarea>Tu texto aquí</textarea>

Texto con un link

Si quieres que una determinada palabra o texto tenga un enlace a otro sitio, el código que debes usar es este.

<a href="http://www.tuurlaquí.com/">Tu texto aquí</a>

Texto con un link en otra ventana

Si queremos el link, pero nos gustaría que se abriera en otra ventana del navegador.

<a href="http://www.tuurlaquí.com/" target="_blank">Tu texto aquí</a>

Enlazar un mail

Si queremos que en nuestro mail aparezca el enlace para que sólo tengan que pulsar, como hola@trucosparamiblog.com.

<a href="mailto:nombre@dominio.com">Nuestro mail</a>

Inserta una imagen

Puede usarse en un post o en el sidebar lateral. El "title" es el nombre de la imagen, "alt" es donde debes poner la palabra clave por la que quieres que posicione ese determinado post, "width" es el ancho en pixel y "height" el alto, debes cambiar esos valores por los que quiera que ocupe tu imagen.

<img title="titulo de la imagen" src="http://www.tuurlaquí.com/nombredelaimagen.jpg" alt="palabra clave" width="100" height="150" />

Insertar una imagen con un link

Igual que antes, pero en este caso, al clicar sobre la imagen, nos llevará al enlace que le marquemos.

<a href="http://www.tuurlaquí.com/"><img src="http://www.tuurlaquí.com/nombredelaimagen.jpg" alt="palabra clave" width="100" height="150" /></a>

Poner un botón

Seguro que has visto en muchos blogs que tienen una imagen con un texto en HTML abajo para que puedas cogerlo y pegarlo directamente en tu blog, éste es uno de esos trucos html que viene genial para que nos conozcan; los podemos ver muy habitualmente en insignias como la de Madresfera, por ejemplo. Si quieres poner uno de tu propio blog, es así.

<div align="center"><img title="titulo de la imagen" src="http://www.tuurlaquí.com/nombredelaimagen.jpg" alt="palabra clave" width="125" height="125" />
Aquí el texto que quieras poner
<textarea cols="14" rows="3">href="http://www.tuurlaquí.com/" src="http://www.tuurlaquí.com/nombredelaimagen.jpg" alt="palabra clave" title="titulo" width="125" height="125" </textarea></div>

Llévate nuestro icono a tu blog, sólo tienes que copiar y pegar el código de abajo ¡¡mil gracias!!

Espero que te sirvan de ayuda estos trucos html y si tienes dudas con alguno, o hay algo que quiera hacer y no sabes, sólo tienes que dejar un comentario.

¡Que te diviertas! 

http://www.trucosparamiblog.com/trucos-html-copiar-pegar/

Read more...

Blogger y Wordpress - Diferencias

Si la pregunta es ¿Qué razones hay para preferir a Blogger sobre Wordpress?

1.- Es de Google. No es que esto signifique una ventaja sobre otras plataformas a la hora en que se muestren resultados de búsqueda, de hecho, no se sabe que exista una preferencia por los blogs que se alojan en la plataforma Blogger; la razón de preferirla como plataforma para blogs por ser de Google se debe a la fiabilidad de que el servidor siempre estará disponible y que el ancho de banda es ilimitado, es decir, no hay un tope a la cantidad de visitas que lleguen al blog o lainformación que se requiera de él. En Wordpress, dependiendo del plan de hospedaje que tengamos en nuestro proveedor de alojamiento web tendremos desde tráfico ilimitado al igual que Blogger, hasta aquellos verdaderamente limitativos en cuanto a la cantidad de información (ancho de banda) que te permite usar mensualmente, lo que puede hacerse un problema si tu blog es exitoso. Está también el problema de que algunos servicios de hospedaje, particularmente los menos recomendables no tienen su servidor el 100 % del tiempo disponible.

2.- Es gratis. Poner tu blog en Blogger es completamente gratuito, no debes pagar nunca ni un sólo centavo. En cuanto a Wordpress, en la plataforma wordpress.com evidentemente tampoco se paga pero resulta bastante limitado para ciertos aspectos como puede ser la monetización del blog (la posibilidad de poner anuncios publicitarios); y en wordpress.org, bueno siempre tendrás que instalarlo en algún servicio de hospedaje web, y aunque los hay gratuitos, la gran mayoría de los usuarios de wordpress.org suele emplear servicios de hospedaje pagados.

3.- Es simple. No necesitas conocer absolutamente nada de programación, plugins, bases de datos, instalaciones, compatibilidades, versiones, etc. Poner tu blog en Blogger es una cuestión de pocos segundos y pocos pasos, apenas 3 o 4 clics, y para comenzar a publicar tus entradas cuestión de minutos. Quizás tardes más en determinar el nombre que tendrá tu blog que el que te tome poner a funcionar y tenerlo disponible para el mundo. Cuando usas wordpress existen aspectos simples para su uso pero hay muchos otros que no lo son tanto, particularmente cuando se refiere a procesos de instalación del servicio, compatibilidades, manejo de plugins y configuraciones. Aúnque esta parte puede variar grandemente, desde el esquema más simple al más complejo, pero en todo caso, siempre será algo más complicado que en Blogger.

4.-No se corrompe. Un blog almacenado en Blogger, normalmente sigue funcionando aúnque hagas experimentos o sin tener ningún conocimiento intentes estropear algo, simplemente deberás ser muy perseverante y verdaderamente torpe para tirar abajo tu blog, en el peor de los casos una elección equivocada de una plantilla que haga inviable tu blog podrá ser subsanado simplemente reconfigurando la plantilla o usando otra de las que te ofrece Blogger. En Wordpress, muchas cosas pueden ir mal al principio, o cuando ya tengas funcionando tu blog un tiempo una instalación de un plugin, una modificación a tu plantilla o tema como se llama en wordpress, un accidente de la base de datos o del servidor pueden estropear temporal o definitivamente tu blog.

5.- Curva de aprendizaje mínima. Aprender a usar un blog en Blogger es algo que toma muy poco tiempo. Wordpress tiene una curva de aprendizaje un tanto más larga, si bien los resultados pueden ser mucho mejores, lo evidente es que aprender a manejar un blog en la plataforma wordpress toma mucho más tiempo. Y ni qué se diga si necesitas entrar a codificar ciertos elementos en alguna plantilla o algún plugin.

6.- Widgets funcionales. Los widgets, esos pequeños segmentos de código que tienes a tu disposición bajo la forma de un elemento para arrastrar y pegar y con él obtener la funcionalidad buscada o deseada, en el caso de la plataforma Blogger casi el 100 % son perfectamente funcionales y listo para usarse. Cierto es que eventualmente pueden sufrir actualizaciones que requieren tu intervención, pero no es algo muy frecuente. Por tanto, un Widget en Blogger usualmente es 100 % funcional y compatible. En Wordpress, el equivalente al Widget, el Plugin de los que por cierto hay miles, si bien te permiten ejecutar casi cualquier tarea que desees, lo evidente es que dentro de la gran variedad que tienes a tu disposición, muchos son sencillamente incompatibles o con demasiados bugs para ser útiles en tu blog. Los plugins que funcionan bien en wordpress son verdaderamente geniales y muy diversos, pero los que no lo hacen son simplemente un dolor de cabeza que te puede ocasionar más de un disgusto.

7.- Respaldos y Restauraciones sencillísimas. En Blogger hacer un respaldo de tu blog es cuestión de hacer un simple clic en la sección correspondiente del panel de control de tu blog, restaurarlo es igual de sencillo. En Blogger estas acciones se llaman exportar (respaldo) e importar (restaurar). En wordpress la cosa no suele ser tan sencilla, se requiere el empleo de algunas prestaciones un poco más avanzadas en su panel de control, más simple si es del tipo cpanel, y no tanto si el panel de control es del tipo VistaPanel.  Más poderosas en wordpress pero por cierto más complejas.

Estas son algunas razones que podrían inclinarte a usar un blog en Blogger en lugar de Wordpress, en otro artículo escribiré sobre las razones por las cuales se puede preferir un blog en wordpress y no en blogger (seo, potencia, flexibilidad, independencia, libertad), mientras tanto, ¿tienes tú otras razones por las que preferirías Blogger a Wordpress?

Read more...