Plantillas gratuitas para Blogger y Wordpress..

Tal vez sea hora de cambiarle el aspecto a tu blog, ya que el cambiar de diseño ayuda a que las visitas llegen mas a menudo ya que piensan que es un blog actualizado y presente en el primer mundo en cuanto a diseño. O simplemente ya te aburrió el mismo y quieres darle un toque de frescura a tu blog..

Pues te presento esta lista donde se encuentran unas de las mejores plantillas con diferentes temas. Casi todas están hechas en XML, pero también existen plantillas para Blogger clásico..

Aclaro que en esta lista solo están los mejores sitios, con los mejores diseños desde mi punto de vista, si tal vez se me paso algúno, pido disculpas de antemano..

Para Blogger:

Gecko and Fly
Un sitio muy bien organizado donde resalta que cuenta con plantillas para Blogger Clasico, para Wordprees y para Blogger en XML.. Sin duda un excelente sitio que debes visitar si buscas algo diferente..





Blogger Templates
Simplemente por sus plantillas de gran calidad, en verdad si a tu blog le quieres dar un cambio profesional te recomiendo este sitio..







Pannasmontata
Un excelente sitio donde podemos encontrar plantillas para Blogger clásico de muy buena calidad, también puedes consultar sus tutoriales y la respuesta de algunos problemas conocidos en las plantillas..





BTemplates
Un sitio que recopila todas las plantillas conocidas en el mundo de los Blogs, para mi el mejor sitio que existe sobre este tipo, 100% recomendado..






Blogspot Templates
Recopilación de grandes plantillas con un diseño original sin medida, si te gustan las plantillas del tipo extravagantes, este sitio es para ti..








Para Wordpress..

WordPress CSS Styles Recopilación de plantillas para Wordpress de gran calidad, si revisas cada link encontraras una plantilla con un diseño extraordinario..







Weblog Tools Collection Si estas cansado de los mismos diseños para Wordpress, este diseño simplemente te sorprenderá ya que cuenta con diseños sumamente originales..







Dr. Web Weblog Gran recopilacion de 80 temas para Wordpress de una calidad buena, tienes que visitar cada una de estas plantillas, te aseguro que no te defraudara..








Entradas relacionadas

Como subir y agregar un video a Blogger..
Insertar archivos SWF en Blogger..
El ultimo deseo de un Blogger..
Como agregar bordes directamente a las imagenes..
IE6, Un problema para los diseñadores y bloggers

Insertar archivos SWF en Blogger

Una tarea común entre los bloggers es insertar archivos Flash, pero que pasa con lo que aun no conocen el código necesario para efectuar esta tarea..

Todo esto es muy simple, a continuación daremos las pautas necesarias para insertar archivos SWF en blogger o en cualquier otra Web..

Sintaxis simple..
Este es el código que se utiliza de una forma sencilla, solo debes agregar la ruta de enlace, el ancho y el alto del archivo y listo..

<embed src="enlacedelarchivo.swf" type="application/x-shockwave-flash" width="120" height="50"></embed>

Aquí podemos cambiar tres valores, en este caso el valor enlacedelarchivo.swf, lo cambiamos por la ruta o enlace del archivo y los valores width y height, que son el ancho y el alto de nuestro archivo..

Sintaxis básica..
Este es el código mas adecuado y el que se utiliza con frecuencia para abarcar todos los elementos disponibles, el tag esencial es el tag object..

También se pueden agregar parámetros utilizando el tag param. Por ejemplo podemos agregar el modo de transparencia (wmode), calidad (quality), color de fondo (bgcolor), variables (flashvras) entre otros.

<object type="application/x-shockwave-flash" id="movie" data="archivo.swf" width="200" height="100">
<param name="movie" value="archivo.swf">
<param name="wmode" value="transparent">
<param name="quality" value="high">
<embed src="enlacedelarchivo.swf" width="200" height="100" wmode="transparent" quality="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash">
</embed>
</object> 

Dentro de este código podremos cambiar los valores width (ancho) y height (altura), también los valores de param, movie, puedes cambiarlo por el nombre de tu archivo, wmode en este caso puede ser o no transparente el fondo de tu archivo, quality es la calidad del video para cambiarla a baja, usa la orden low..

Dentro de embed agregamos la ruta o el enlace de nuestro archivo flash, cambiamos los valores width y height y agregamos valores como los descritos anteriormente..

Es así de sencillo, si alguien tiene algún otro código para agregar archivos flash será bienvenido :)..


Entradas relacionadas

Como subir y agregar un video a Blogger..
Imagenes en Blogger (parte 1)
Icono en la barra de navegación
Como agregar bordes directamente a las imagenes..
Dar estilo a las listas con CSS

Imagenes en Blogger (parte 1)

La mayoría de los usuarios de Blogger manejan las imágenes de una manera sencilla y concisa, ¿pero que pasa con los que van iniciando?..

Algunos no saben porque apareció tal código o para que usar tal parámetro, y la verdad siendo sincero si no conoces por lo menos un poco del lenguaje HTML te sientes perdido en la infinidad del cosmos xD..

La idea de este post no es enseñar a usar HTML a la perfección, es solo para dar una pequeña ayuda al momento de subir una imagen de nuestro ordenador a Blogger, y así poder manejar el código que ofrece Blogger como si fuera cosa de este mundo..

¿Pero como subo una imagen?

Esa es una pregunta muy sencilla, si lo que pretendemos es subir una imagen que esta alojada en nuestro ordenador lo único que tenemos que hacer como primer paso es crear una entrada en nuestro blog o entrar a una ya creada. Cuando estemos dentro haremos click sobre el pequeño icono llamado Añadir Imagen..

Nos saldrá una cuadro como el que se encuentra a continuación..


Click aqui para ampliar

Para empezar a subir la imagen damos click sobre Examinar, después solo buscamos la imagen que queramos subir, ya que la hayamos elegido tenemos que elegir un diseño y el tamaño de la imagen..

Analicemos la opción Diseño de la imagen..

Si elegimos Izquierda la imagen estará ocupando el lado izquierdo del texto que agreguemos si elegimos Derecha ocupara el lado derecho y Centrar simplemente pondrá la imagen en el centro..

Tamaño de la imagen..

Es una opción muy sencilla, si quieres una imagen pequeña elige esa opción si eliges grande la imagen quedara en su tamaño original...

Ya que hayamos elegido diseño y tamaño hacemos clik en Subir y esperamos a que nuestra imagen sea cargada correctamente..

El momento de espera es mínimo, damos click en Finalizado y en realidad eso es todo ya hemos subido una imagen a Blogger :)..


Pero espera..Me ha salido un código extraño, ayúdame a entenderlo¡

Es muy sencillo, el código que te ha aparecido es muy parecido al siguiente..

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="URLDELAIMAGEN">
<img style="float:left; margin:0 10px 10px 0;
cursor:pointer; cursor:hand;"
src="URLDELAIMAGEN"border="0" alt=""></a>

En el código lo que esta de color rojo nos servirá para abrir la imagen en la misma ventana, esta parte del código muy pocas veces es utilizada, no habrá problema si la omitimos en esta ocasión..

Ahora lo que esta marcado de azul son las propiedades que de alguna manera podemos analizar, modificar o eliminar..

Comencemos con la primera:

MARGIN: Los valores 0 10px 10px 0 indican pos pixeles entre la distancia de la imagen y texto en el siguiente orden.. arriba, derecha, abajo. o izquierda. Estos valores también los podemos modificar o hacer algunas pequeñas pruebas con ellos antes de decidir..

CURSOR: En este caso el valor que se encuentra es hand, esto quiere decir que se mostrara una mano al pasar el puntero por la imagen..

BORDER: A esta propiedad podemos agregar el valor que queramos por ejemplo 1, 2, en fin el que nosotros queramos..

ALT: Dentro del código no tiene valor alguno, en todo caso servirá para agregar un texto alternativo a la imagen..(muy recomendado)

Y por ultimo no menos importante la propiedad STYLE a la cual no marcamos en el código, dentro de style se encuentra float que nos servirá para acomodar el texto, este cuenta con tres valores específicos que son: left. right o none estos a su vez se utilizan para alinear a la derecha o izquierda..

¿Podré agregar otros atributos a la imagen?

Existen muchos atributos compuestos en las imágenes pero eso lo veremos en la segunda parte de este pequeño tutorial :)..


Entradas relacionadas

Como subir y agregar un video a Blogger..
Insertar archivos SWF en Blogger..
El ultimo deseo de un Blogger..
Como agregar bordes directamente a las imagenes..
IE6, Un problema para los diseñadores y bloggers

Como subir y agregar un video a Blogger..

Como agregar un video de YouTube a una entrada de Blogger

Tanto en la versión clásica de Blogger como en la su versión Beta, lo único que tenemos que hacer es seguir los siguientes paso para poder agregar un video a Blogger..

1. Entraremos a YouTube para así poder elegir el video que queramos agregar a una entrada de nuestro blog..

2. Nos pocisionaremos en el buscador y agregaremos el nombre del video que queramos encontrar..


Click aqui para ampliar



Cuando nos direccione a la pagina de resultados lo único que tenemos que hacer, es dar clic sobre el video que queramos visualizar..

3. Ahora tenemos que buscar la opción Personalizar, para así poder usar todos las opciones de personalización para usarlos en nuestro video..

a) Al dar clic sobre Personalizar abrirá varias opciones en las cuales se encuentran las opciones de Incluir o no videos relacionados, el color del borde del reproductor y Mostrar el borde o no..

b) Ya que hayamos decidido solo damos clic en Cerrar y copiamos el codigo que se encuentra dentro de la opción Insertar así como se muestra en la siguiente imagen..


Click aqui para ampliar


4. Ya que hayamos copiado el código entramos a nuestro blog y agregamos una nueva entrada, dentro del cuadro de contenido pegamos el código y publicamos la entrada sin antes haber agregado el titulo y algunas etiquetas..

Por supuesto puedes pegar el código en una entrada ya creada, solo pega el código del video en el lugar exacto en donde quieras que vaya colocado el video..


Click aqui para ampliar


5. Al final el resultado será este :)..




Como subir vídeos a Blogger..

Desde hace tiempo Blogger cuenta con una gran novedad como la es la de incluir vídeos que se encuentren en nuestro propio ordenador y alojarlos en su servidor de la misma manera que hasta ahora se hacía con las imágenes.

Para esto sigamos los siguientes paso..

1. Entraremos a Blogger y agregaremos una entrada, ahora buscamos el pequeño icono que parece una cinta de video llamada Añadir Video y damos clic sobre ella..

Al dar clic sobre el icono aparecerá un cuadro con varias opciones. Para empezar a subir nuestro video daremos clic en Examinar para buscar el video deseado, ya que hayamos elegido el video le agregamos un Titulo y aceptamos las condiciones después de ser leídas correctamente..


Click aqui para ampliar


2. Por ultimo solo damos clic en Subir Video y esperamos a que termine el proceso..


Click aqui para ampliar


3. Después solo publicamos la entrada y eso es todo :). Este será el resultado





Recuerda que no podrás subir videos con más de 100MB, que contengan este formato (AVI, MPEG, QuickTime, Real y Windows Media) y con contenidos no validos (propiedad intelectual y materiales obscenos).


Entradas relacionadas

Imagenes en Blogger (parte 1)
Descargar y convertir videos de YouTube
Logo Generator 2.0
El ultimo deseo de un Blogger..
Generador de Botones online..