Mostrando entradas con la etiqueta Consejos y Herramientas para webmasters. Mostrar todas las entradas
Mostrando entradas con la etiqueta Consejos y Herramientas para webmasters. Mostrar todas las entradas

El nuevo diseñador de plantillas de Blogger y Páginas de Blogger

Usuario: GreenDayJuanma
Post: El nuevo diseñador de plantillas de Blogger y Páginas de Blogger

Con el paso de los años hemos ido mejorando Blogger, pero una cosa que ha permanecido prácticamente igual es nuestra colección de plantillas. Mientras varios talentosos diseñadores de todos los rincones de la red han ofrecido sus propios nuevos e interesantes diseños para que los uses en tu blog, nuestro repertorio ha quedado un poco parado, como habéis notado. Nos lo habéis comunicado por distintas vías, y os hemos escuchado.

Hoy hacemos un paso de gigante en la mejora no sólo del diseño de plantillas, sino las maneras en que puedes personalizar el aspecto y la distribución de contenido en tu blog. Hemos hecho un vídeo con música desenfadada para mostrároslo todo:

http://www.youtube.com/watch?v=r6haqZoivBQ&feature=player_embedded

Esto es lo que presentamos hoy en Blogger en borrador:
  • 15 nuevas plantillas, altamente personalizables, de nuestro equipo de diseño, divididas en cuatro familias: Simple, Picture Window, Awesome Inc. y Watermark.
  • Diseños con una, dos o tres columnas por plantilla, con total control sobre el tamaño y la posición de las columnas.
  • Centenares de imágenes y texturas para el fondo de iStockphoto, líder en comunidades de diseño e imágenes.
Pruébalo ahora

Accede a Blogger en borrador, ves a la pestaña de Diseño, y verás el enlace al Diseñador de plantillas a la derecha del resto de opciones de diseño.
[Nota para blogs con plantillas clásicas: Si tienes una pestaña Plantilla en vez de Diseño, para probar el diseñador de plantillas primero tendrás que actualizar la interfície del editor de diseño. Desde la pestaña de Plantilla, ves a Personalizar diseño - Actualizar plantilla y sigue las instrucciones proporcionadas. (Tendrás que adoptar una de las antiguas plantillas en primer lugar, pero luego ya podrás usar el Diseñador de plantillas para elegir uno nuevo.)]

Puedes previsualizar los cambios en la nueva plantilla en tu blog en vivo. Cuando estés satisfecho con tu diseño, simplemente pulsa el botón APLICAR AL BLOG y para mostrarlo a todo el mundo. Nota: Puedes hacer una copia de seguridad de tu plantilla actual en Diseño - Edición de HTML. Recomendamos que hagas esto si tienes un diseño personalizado, para que puedas volver a usarlo.
Ve algunas opciones de diseño

Consejos del equipo de Blogger

  • Haz que los enlaces conjunten con el fondo usando el panel del Fondo Gama de colores principal, y modifícalos todos de una vez. Esto funciona particularmente bien con el segundo diseño de Simple.
  • Con el pie de tres columnas, puedes inserar distintos gadgets que puedan interesar a tus lectores al terminar de leer la entrada.
  • Si usas la nueva funcionalidad de Páginas estáticas, pon el gadget de Páginas en la parte superior del blog. Hemos incluído pestañas exclusivas a todas las nuevas plantillas.
  • Muchas de las texturas de fondo son semi-trasparentes, para permitir que se vea el color del fondo general del blog. Busca el pliegue de transparencia para descubrir que texturas tienen un grado de transparencia.
  • El gadget Attribution, además de agradecer a los artistas del diseño de la imagen de fondo, lo puedes editar para añadir comentarios sobre tu propia autoría del blog, o información de derechos de autor
Comentarios

Para informarnos de problemas que te puedan surgir con el Diseñador de plantillas, empieza un debate en el Foro de Blogger. Puedes empezar el título o pregunta con las palabras "Diseñador de plantillas", así te aseguras que lo veamos.

En las próximas semanas y meses continuaremos añadiendo funcionalidades, plantillas e imágenes en función de las sugerencias que nos hagas llegar.

Nota varias
  • El Diseñador de plantillas no funciona con Internet Explorer 6. Nos hemos esforzado para hacer que con ese navegador puedas leer los blogs con nuevas plantillas, pero los nuevos diseños no serán muy atractivos en IE6.
  • Algunas esquinas redondeadas y algunas sombras de algunas plantillas no se verán en versiones antiguas de algunos navegadores.
  • La incorporación de gadgets, así como su edición, continuará haciéndose desde Diseño - Elementos de página, no desde el Diseñador de plantilla.
  • Algunos gadgets, como por ejemplo Encuesta, no mostrarán cambios de color en la pre-visualización, pero sí lo harán una vez aplicada la plantilla. Otros gadgets como Seguidores y Adsense no cambiarán los colores automáticamente, pero puedes eliminar y volver a instalar el gadget para actualizar los colores a tu gusto.
  • Los widgets personalidados desaparecerán para mantener el diseño de la plantilla. Si has hecho cambios a los widgets de la plantilla, guárdalos antes de nada en Diseño - Edición de HTML y haciendo clic en Descargar plantilla completa. Podrás volver a copiarlos más tarde, después de aplicar tu nueva plantilla.


Fuente: http://buzz-es.blogspot.com/2010/03/el-nuevo-disenador-de-plantillas_11.html


Páginas ha sido una función muy solicitada, y ¡ya está disponible en Blogger!

Páginas de Blogger te permite publicar información estática en páginas independientes enlazadas desde el blog. Por ejemplo, puedes utilizar Páginas para crear una página Sobre este blog que hable sobre la evolución de tu blog, o una página de Contacto que incluya una dirección, número de teléfono y un mapa de tu lugar.
Crear una página es muy parecido a escribir una nueva entrada. Desde tu Escritorio, ves a Creación de entradas | Editar Páginas, y luego haz clic en Página Nueva. (Nota: puedes crear hasta 10 páginas.)

Después de publicar una página, puedes poner un enlace hacia ella en el nuevo widget de Páginas. El widget de Páginas te permite dar acceso a las páginas creando pestañas en la parte superior del blog, o con enlaces en la columna del blog.                                                                                                                                                                                                                                                (Nota: puede que algunas plantillas ajenas a Bogger no permitan páginas como pestañas, pero aún así puedes añadir enlaces a las páginas en la barra lateral del blog.)

Con el widget de Páginas, puedes decidir qué páginas van a tener enlace y en qué orden van a aparecer. También puedes optar por la generación automática de enlaces para páginas de nueva creación, marcando la casilla situada a la izquierda de Añadir nuevas Páginas por defecto.

Finalmente, para los que tenéis plantillas personalizadas, puede que vuestra plantilla no permita automáticamente Páginas como pestañas. Si estáis familiarizados con HTML, seguid estas instrucciones sobre cómo añadir Páginas a tu plantilla personalizada (en inglés).
¡Estamos impacientes por ver todas las Páginas que los bloggers crearéis!



Fuente: http://buzz-es.blogspot.com/2010/01/paginas-llega-blogger-en-borrador.html


Hace un rato probé el nuevo diseñador de plantillas de Blogger y me gustó mucho, es algo que bogger le debia hace mucho tiempo a sus usuarios y por fin lo agregaron! Ahora si es mucho mas facil armar paginas web un poco mas profesionales que los blogs que se podian generar anteriormente!

Aca les dejo el video de promoción del nuevo diseñador:


Reemplazar una cadena de texto por otra en SQL

Usuario: RiCkY
Post: Reemplazar una cadena de texto por otra en SQL

Bueno, resulta que hoy me vi enfrentado a un gran problema por varias horas, y no sabía como resolverlo. También busqué la solución en internet pero no fue fácil encontrarla. Tengo que agradecer a Seba Urbina por darme éste link que me fue de gran ayuda.

Resulta lo siguiente, necesitaba cambiar todos los links dentro de un foro con tal de que los mensajes que antes decian dominio1.com pasen a decir dominio2.com y no sabía como hacerlo.

Por suerte encontré la manera de hacerlo. Es de la siguiente:

UPDATE tabla SET campo = REPLACE(campo,'texto a buscar','texto a reemplazar')
donde obviamente tabla es el nombre de la tabla, campo el nombre del campo a buscar la cadena, y texto a buscar es el texto que queremos buscar y el texto a reemplazar es la cadena a reemplazar luego de la consulta. Por ejemplo, en un foro SMF, si ejecuto lo siguiente

UPDATE smf_messages SET body REPLACE(body,'unforoparatodos.com','unforoparatodos.com.ar')

voy a reemplazar todas las apariciones de unforoparatodos.com por unforoparatodos.com.ar. Esto significa, si tenia un link que decia http://www.unforoparatodos.com/foro/algo-mas se va a convertir en http://www.unforoparatodos.com.ar/foro/algo-mas.

Demasiado útil para mi. Espero que para ustedes también

Como poner musica en tu web desde un video de youtube

Usuario: RiCkY
Post: Como poner musica en tu web desde un video de youtube

Bueno, dejo un "truco" bastante simple. Es un codigo HTML de "Como poner musica en tu web desde un video de youtube". Esto nos sirve para tener musica alojada en youtube sin la necesidad de usar el ancho de banda de nuestra página.

El codigo HTML es simple:

<object width="0" height="0"><param name="movie" value="http://www.youtube.com/v/ID_DEL_VIDEO&hl=es_ES&fs=1&rel=0&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ID_DEL_VIDEO&hl=es_ES&fs=1&rel=0&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="0" height="0"></embed></object>

A este código le falta reemplazar el ID_DEL_VIDEO (aparece 2 veces en el código).

Como encontrar el ID del video? Por ejemplo tenemos este video: http://www.youtube.com/watch?v=Y5fBdpreJiU (The video's owner prevents external embedding)

El ID de video es lo que aparece después de "http://www.youtube.com/watch?v=", es decir, el ID del video es Y5fBdpreJiU

Noten que el ID del video nunca es demasiado largo, es decir, si tienen la direccion demasiada larga probablemente es porque a la web se les hayan dado parametros (ya sea porque es una lista de reproduccion, se quiera ver en alta calidad, o algun otro de estos).. en ese caso el id del video va a ser lo que esté entre "http://www.youtube.com/watch?v=" y el próximo simbolo "&" o "#" que encontremos (excluyendo el simbolo & o #).

Espero que les haya servido la miniguia

Saludos

[Tutorial] Como tener tu dominio.com.ar (1ra edición)

Usuario: RiCkY
Post: [Tutorial] Como tener tu dominio.com.ar (1ra edición)

ueno, a mediados del 2005 habia hecho un tutorial para la web argentop2p.net de como tener un dominio.com.ar. Dicho tutorial se volvio demasiado famoso, a tal punto que hoy se encontraba en varias webs, muchas donde no ponian la fuente y ni siquiera admitian haber copiado ese tutorial, haciendose cargo de ser los creadores legitimos y llevandose los creditos para ellos. Hoy exploté, y cambié dichas imagenes que tenía el tutorial a la siguiente imagen:



Obviamente el tutorial original me lo guardé yo, y edité los links de las nuevas imágenes. Lo voy a dejar acá (aunque ya haya hecho otro parecido para el foro) aclarando lo siguiente:
Si van a copiar el tutorial ponganle el credito: http://www.unforoparatodos.com ... Gracias

acá el tutorial:




Bien gente, a pedido de varias personas, estoy haciendo un tutorial de como tener tu propio dominio.com.ar, esta guia se basa en diferentes partes :
1. Reservar dominio en NIC.AR
2. Obtener el IP y nombre de Servidor DNS (en esta hay 2 opciones)
2.a. Averiguarlo (Hosting pago)
2.b. Conseguirlo a traves de ZoneEdit
3. Delegarlo.

Bueno, esta es la primera parte, la parte donde lo registramos en Nic.AR

Vayamos a http://www.nic.ar

Ahora, hacemos click en REGISTRAR DOMINIO...



Luego, ingresamos el nombre del dominio (en nuestro ejemplo, neo-caution), dejamos el .com.ar, y debajo de eso, ingresamos nuestro mail (Ojo con el mail, luego explico porque)... hacemos click en CONTINUAR



Paremos, y leamos bien esto. Se requiere la informacion de la entidad registrante (o sea, nosotros, quienes estamos registrando). Como somos nuevos en esto, pongamos NUEVA ENTIDAD



Rellenamos todos los campos con nuestra informacion, los campos como Piso y Depto. son opcionales, en caso de que vivamos en una casa y no en un edificio, rellenamos esos campos con "-" . Luego de rellenar todos los campos, hacemos click en CONTINUAR



El proximo paso es para Argentinos unicamente. En nuestro caso, abrimos la lengüeta, seleccionamos DNI y rellenamos el campo que esta a la derecha de la lengüeta, con nuestro Documento Nacional de Identidad, sin puntos. Le damos click a CONTINUAR



Ahora, veremos algo parecido a unos pasos anteriores. Esta vez, debemos registrar a la Persona Responsable (la que se hará cargo del dominio.com.ar en caso de que a esta le pase algo). Seleccionamos NUEVA PERSONA



Cargamos los datos nuevamente, y le damos click a CONTINUAR (Uff.. como estamos con el Continuar, eh!?)



Ahora nos encontraremos con 2 opciones. Podemos Reservar el dominio.com.ar (y luego delegarlo mas tarde) o Delegar el dominio.com.ar directamente). Nosotros solo lo Reservaremos, y luego lo Delegamos mas tarde cuando ya esté todo configurado. Click en RESERVAR



Nos aparecerá una página donde estarán nuestros Datos (si es que los pusimos correctamente), y abajo necesitaremos poner el Código de Verificación, y Aceptar la Normativa Vigente. Click en CONFIRMAR




y ya está...



Listo, ahora nos enviaran un mail a nuestro correo, el que debemos reenviar a asigdom@nic.ar.. Aca es la parte donde les decia que tengan cuidado, ya que, algunos mails (como por ejemplo GMAIL, el mail de Google) al Reenviar el correo, modifica una parte de el, y esto puede hacer que nos rechazen la solicitud. Asi que tengan cuidado y solamente esperen, a que les confirmen luego al mail que ya está reservado el dominio.

Lo que haremos ahora es, si bien no tenemos un hosting pago (o sea, tenemos un hosting gratis), necesitamos 2 nombres de servidor DNS con IPs.
Nos registramos en http://www.zoneedit.com (si quieren el link directo para registrarse, es AQUI.

Luego de verificar la cuenta en el mail y demases (registrarse en ZoneEdit es realmente aburrido), vamos a la página de ZoneEdit y nos loggeamos.

Luego de ingresar al sitio y estar loggeados, vayamos al menu donde dice Add Zone (Por si no lo encuentran, el link es el SIGUIENTE). Ponemos el nombre de nuestro domino (en nuestro caso neo-caution.com.ar) y le damos click a ADD ZONE



Si bien ahora tendremos lo que encontramos, todavia no terminamos aca.. Recibiremos 2 nombres de servidores DNS y 2 IP's, guardenselas que nos serviran para un momento futuro :) Todavia no empezamos a Editar lo nuestro, asi que vamos a START EDITING ZONE



Nos encontraremos en un lugar como en el de la imagen de abajo. Lo que queremos hacer es algo que se llama redireccionamiento web. (WebForward) Por consecuencia, es obvio que hacemos click en WEBFORWARD



Ahora nos encontramos en el redireccionamiento de la pagina, donde dice New Domain, agregamos "www" y donde dice Destination agregamos la direccion de nuestro hosting gratis, marcamos el cuadrado donde dice Cloaked? y hacemos Click en ADD NEW



Ahora nos pide confirmar que es lo que queremos, si cuando ponen www.nuestrodominio.com.ar y nuestrodominio.com.ar se redireccione a nuestro hosting (opcion de arriba), o cuando solamente ingresen www.nuestrodominio.com.arse redireccione a nuestro hosting (opcion de abajo). Obviamente lo que nosotros queremos es con ambas opciones, asi que seleccionamos YES en la opcion de arriba.



Nos quedará algo asi. Lo que quiero que hagan ahora es, donde dice Title of Cloaked Pages, en el campo debajo de eso, ingresamos el nombre de nuestra pagina, y hacemos click en CHANGE META TAGS



Esto nos pide que confirmemos.. Obviamente, click en YES



Ya estamos en la ultima parte.. Ahora delegaremos el IP y el Nombre del Servidor DNS a nuestro dominio. Volvamos a Nic.AR ( http://www.nic.ar )

Hacemos click en el menú de la izquierda en TRAMITES VIA WEB



Nos encontraremos en una web como muestra la siguiente imagen.. debemos hacer click en la parte de Altas, en DELEGACIONES



Ingresamos nuestro mail y nuestro dominio, y hacemos click en CONTINUAR



Ahora ponemos los datos que nos dieron en ZoneEdit de los IPs y los nombres de los servidores DNS, y hacemos click en DELEGAR



Luego nos pedirá que seleccionemos el ISP (Se hace solo.).. Lo unico que debemos hacer es click en BUSCAR



Seleccionamos el ISP y hacemos click en CONTINUAR



Hacemos exactamente lo mismo con el Contacto Tecnico.. Click en BUSCAR



Seleccionamos el Contacto Tecnico, y hacemos click en CONTINUAR



Ahora nos aparece de nuevo nuestra informacion, mas abajo la informacion de la Entidad Administradora, del Contacto Tecnico, y nuestros Servidores DNS.. le hacemos click en CONFIRMAR y nos saldrá el siguiente cartel...



Ahora lo que debemos hacer es esperar a que nos llegue el mail y reenviarlo a newdelegdom@nic.ar, y esperar a que la gente de Nic.AR configure el DNS