DISEÑO Y SERVICIO WEB, RECURSOS EN LINEA, TUTORIALES, PROGRAMAS Y MÁS...

martes, 29 de septiembre de 2009

Crear un Search tab

Si queremos tener un buscador interno en nuestra página o blog una alternativa a la manera tradicional es la de agregar un "botón flotante" que se desplace por la página.
Luego de agregado, solo hay que hacer clic en el y escribir lo que se quiere buscar y listo. Queda muy bien y te aseguro llamará la atención de tus visitantes. Estoy seguro que ya descubriste el nuestro, si es ese botón que dice search pegado a la barra de desplazamiento vertical

Ahora te mostrare como hacerlo.

1 Ve a este sitio www.pax.com

crear un search tab

2 Da clic en el recuadro "get started"
3 Llena los datos que te piden y personaliza el serchtab a tu gusto y da clic en "Register & Get Code"
4 Te mandarán un email de verificación, lo abres y das clic en el enlace
5 Este te enviará a la página en donde están los código que debes copiar y pegar en tu página para tener el serchtab o la barrita para buscar clásica, copia la que más te guste y pegalo donde quieras.
Recuerda que si lo quieres pegar en blogger deberás ir a Diseño/ Elementos de página/ Añadir gadget/ Html Javascript



Post Relacionados

Marquesina Sencilla en HTML
Como agregar un contador de visitas con geovisite
Agregar un buscador al blog

lunes, 28 de septiembre de 2009

Agregar un formulario a tu blog o página web

Como hacer para colocar un formulario de contacto en tu sitio web de forma sencilla sin saber nada de programación

Existe un sitio que nos brinda este servicio de un modo sencillo e intuitivo, es el siguiente:
Además nos permite personalizarlo y una vez que creamos nuestro formulario de contacto o envío nos da un código html para colocar en cualquier lugar de nuestro blog ya sea un post o un gadget.
Es decir, podemos crear un formulario para que nuestros visitantes nos envíen consultas y comentarios sobre nuestro sitio web a nuestro mail del modo más sencillo. Está todo en inglés pero no temas es más que sencillo... Sierve tanto para blogger como para cualquier sitio web.
Les indicaré como hacerlo paso a paso:
1- Entrar a la siguente página y registrarse www.emailmeform.com donde dice "Sign up for FREE" (Registrarse gratis)

2-Una vez que termine el proceso de registro se recibe un mail de confirmación con un link para activar la cuenta; luego se puede acceder al panel de control

3-Dentro del panel de control a la izquierda en un rectángulo azul se ve que dice “Create New Form" (Crear un Nuevo Formulario), hacer clik allí.

4- Un vez allí se requiere darle un nombre al formulario, el mail donde enviar la información, una posible página para cuando se envió con éxito o para confirmar que se envió correctamente( nosotros simplemente creamos un posto para ello y copiamos su link). Por último el número de campos a rellenar por el usuario, por defecto pone cuatro (nombre, mail, asunto y comentrio). Dar next (siguiente)

5- Aquí se indica el nombre de cada campo y el número de dígitos (es bueno dejarlo como aparece preestablecido)

6- El paso siguiente es recomendado para quienes manejan estilos CSS y HTML, dejar en blanco y seguir.

7- El úlitmo paso también se puede dejar en blanco.

8- Luego mostrará una vista previa del formulario pudiendo retroceder si se desea para cambiar algo del diseño.

9- Cuando esté terminado nos dará un link para verlo y pondrá “Get the HTML Code” se deberá pulsar en este último para de ese modo ver el código generado.

10- Copiar el código y colocarlo en un post o un gadget en modo edición HTML

11- Listo estará funcionando

Espero les guste pueden probar el que aparece a continuación:



Nombre:
Email:
Asunto:
Consulta o Comentario:
Image Verification
captcha
Copie aquí el texto indicado el la imagen:













En el siguiente link les dejó un ejemplo de una utilidad que le di a este recurso, claro está que con un poco de conociemiento de html se puede variar más...
http://www.piartesano.com/contactar-joyas-plata-cuerno-astas.html

viernes, 25 de septiembre de 2009

¿Cómo colocar una imagen de cabecera en un blog?

¿Cómo centro la imagen de la cabecera del blog?

Coloca un imagen el la cabecera o encabezado de tu blog centrada

Últimamente he recorrido algunos blog nuevos con muy buenas ideas pero he notado que la imagen colocada en la cabecera no está centrada o no se ajusta a la plantilla...
Yo tuve el mismo problema cuando comencé, pero como soy algo "maniático" con la estética de un blog no me puedo resisitir cuando veo uno con este problema...
Aquí va mi guía para hacerlo paso a paso:
1- En el panel de control de tu blog en "blogger" ir a Diseño--->Elementos de la página
2- Ahora clik en Editar donde dice Cabecera.
3- Se abrirá la siguiente ventana
como colocar una imagen de cabecera en el blog
4- Esta ventana permite cambiar el título del blog y agregar una imagén detrás o en sustitución del mismo. Una vez cargada la imagen estará colocada en la cabecera del blog...
5-Supongo que la mayoría ya sabe hacer esto... el tema es que muchas veces nos llevamos la sorpresa de que la imagen no coincide con nuestra cabecera o que hay que cambiar su tamaño para que se vea bien y NO pase lo siguiente:
como colocar una imagen de cabecera de la forma correcta
6-Pues no es necesario cambiar el tamaño de la imagen y perder parte de ella, sino que podemos cambiar el ancho del blog y de la cabecera, del siguiente modo:
7-Ir a Diseño--->Edición HTML y dentro del lenguaje html buscar el siguiente código:

#header-wrapper {

width:600px;

margin:0 auto 10px;

border:1px solid $bordercolor;

}



#outer-wrapper {

width: 600px;

margin:0 auto;

padding:10px;

text-align:$startSide;

font: $bodyfont;

}

header-wrapper: idica el acho y los atributos básicos del encabezado
outer-wrapper: indica el ancho y atributos generales de todo el blog
SE DEBEN MODIFICAR AMBOS
Por ejemplo si la imagen que tengo de cabecera es de 900 px deberé cambiar donde dice "width: 600px;" por el número de ancho quedando de este modo "width: 900px;" (siempre es bueno agregarle algún pixel más, tanto en header-wrapper como en outer-wrapper.
Quedará así:
imagen de cabecera de un blog
Les recomiendo también ir probando distintas tamaños para ver los efectos que produce.
También pueden modificar el margin y el padding e ir viendo lo que ocurre
No olvidar al salir de edición HTML, guardar los cambios... Si les da miedo hacer una macana o meter la pata con la plantilla le dan a vista previa y no graba los cambios.
Es fácil no teman
Espero os sea útil...

¡Dedicado a Anto!

Post relacionados:
Cómo cambiar la plantilla de mi blog
Cómo quitar la barra navbar

jueves, 24 de septiembre de 2009

Diferencias entre un blog y un foro

Anteriormente hemos publicado una entrada sobre como crear un foro y muchos se preguntarán cuál es la diferencia entre un blog y un foro.
No conozco que haya una respuesta técnica sobre las diferencias, pero si se de algunas que pueden ser de ayuda.

1) La primera y tal vez la de mayor relevancia es que en un blog solo una o un grupo de persona reducidos pueden publicar en él, mientras que en un foro lo puede hacer cualquiera que se registre.
2) Otra diferencias es que en un blog los temas de publicación son definidos por los que pueden publicar, mientras que un foro los temas son fijados por cualquiera, claro esta que a una persona no se le ocurriría publicar algo sobre diseño en 3D en un foro sobre buceo en el mar, además de que existen moderadores en el foro que pueden eliminar las publicaciones.
3) Los contenidos en un blog se organizan por etiquetas y en un foro por categorías generalmente
4) Un foro se presta más para el debate y la interacción ya que el contenido no es tan estructurado ni tan dirigido.
5) En un blog se requiere más atención ya que los que publican deben estar pendientes de escribir nuevos artículos, mientras que en un foro otros pueden ser los que escriban cosas nuevas.
6) En el blog también es más importante el papel del creador de los contenidos y es la "estrella por excelencia" a la hora de brindar la información.
7)Para comentar en un blog muchas veces no es necesario estar registrado, mientras que en un foro si lo es
8) En síntesis un blog esta más enfocado y es más útil para personas que quieren brindar información, conocimientos, a su propia forma, y un foro es mejor para generar debates, retroalimentación y dar más participación a los usuarios.

Les invitamos a que comenten y expongan más diferencias

¿Cómo crear un foro?

Crear un foro de modo sencillo


En respuesta de una solicitud de uno de nuestros usuarios, salí a la de una empresa que nos birndara un servicio gratuito para realizar un foro...
Y la encontré es la siguiente foroactivo.com, de un modo muy fácil te permite crear un foro en pocos pasos que puedes personalizar, luego si lo deseas puedes vincularlo con tu blog y mantener de ese modo un continuidad.
Peden ver el que acabo de crear en el siguiente link:
loshermanoscarlos.foroactivo.com

Prometemos escribir un post sobre la lógica de los foros, utilidades y cómo funcionan...
Por lo pronto espero les sea de utilidad la información que les brindamos.

Dedicado a nuestro hermano "jerónimo"

viernes, 18 de septiembre de 2009

Convertir videos de celulares a otros formatos

Aqui les dejo un conversor para que puedan convertir los videos de su celular en formato 3gp al formato que quieran. También se puede realizar el proceso inverso, es decir pasar de cualquier formato a 3gp, y muchas cosas más

El programa se llama Xilisoft 3GP Video Converter

descargar conversor de videos de celular

Descargar Xilisoft 3GP Video Converter


Post Relacionados
Convertir y grabar películas para ver en cualquier dvd...

¿Cómo crear un menú con iconos para tu blog sencillo?

Un modo sencillo de crear un menú de imágenes para tu blog

Diseña un menú para tu blog

Hay dos caminos para hacerlo uno sencillo y otro más complejo, empecemos por el sencillo:
Blogger tiene una opción que te permite agregar una imagen con enlace, vamos a usarla para crear un menú sencillo al margen de tu blog, como el que aparece en este blog bajo el título "Sitios Diseñados por Nosotros".
Una vez en el panel de control del blog seguir la siguiente ruta:
diseño nueva entrada
Diseño --> Elementos de la página (ahí se ve un gráfico que representa todo el contenido del blog en blogger)
Ahora ir a Añadir un Gadget y al hacerlo saldrá una ventana emergente con distintas opciones de gadget que se puden colocar (un buen consejo es ir probando cada una de ellas para ver sus utilidades futuras) seleccionar la que dice Imagen.
configurar imagen del menúAparecerá una nueva ventana donde completar algunos datos sobre la imagen a cargar, se le puede colocar un título, un pie de foto, ambos opcionales (sí es para realizar un menú conviene colocarle el título "menú" a la primera y dejar las demás sin título ni pie de foto). Es importante si colocar en "Enlace" la dirección o URL de la página con la que se quiere relacionar esa imagen (que puede ser una interior o exterior al blog en cuestión) .
Luego sólo resta subir la imagen desde el ordenador o computadora local yendo a examinar, sí se tratase de una en la red dando la dirección de la misma debajo como se indica...
Finalmente guardar y listo!!
Se puede ir colocando una a una las imágenes o iconos para obener de ese modo un menú sencillo en sentido vertical, al margen del blog como sucede con el nuestro de "Sitios diseñados por nosotros" y en "Menú"

Hay otra manera de hacerlo un poco más compleja y es utilizando el gadget que dice HTML/Javascript, para aquellos que saben un poco más de código html podrán escribir allí el menú en forma de código utilizando la etiquetas correspondientes, dejo un ejemplo:

<a href="colocar aqui el URL o direccion del enlace"><img src="direccion del lugar donde está la imagen"></a>

Etiqueta a href indica el lugar al que redirecciona el enlace y la etiqueta img que va en medio de la anterior indica cual será la imagen que actuará como link, claro está, que esta imagen deberá estar en otro sitio de la red (internet) para poder usarla en ese punto, ya que de este modo no permite subir imágenes como el anterior que expiqué (para saber como guardar imágenes en la red para reutilizar hay un sencillo post en nuestro blog que lo indica pinche aquí). Con este modo se pueden cargar todas las imágenes juntas y no por separado como el anterior permitiendo que se pueda organizar también horizontalmente y no sólo verticalmente... El Menú de nuestro blog está hecho de este modo
Espero les sirva de respuesta a todos nuestros hermanos de la red que han solicitado ayuda al respecto...
Saludos y esperamos vuestros comentarios al respecto

miércoles, 16 de septiembre de 2009

Google se une a uno de sus enemigos

Junto con los recientes anuncios de un posible cobro por parte de los medios de comunciación online por ver sus contenidos, google se suma a la movida.
El gigante de la internet a sido criticado duramente por los medios de comunicación trás la creación de Google News un sitio de noticias. Pero ahora Google ha dado un paso hacia sus detractores al anunciar que cobrará por un servicio de noticias especializado.
Otro duro golpe para los que pretendemos el acceso libre a la información. Lo cierto es que Google ha obtenido millonarias sumas de dinero por su buscador, pero el resto de sus proyectos distan de ser muy lucrativos. Por ejemplo youtube es muy popular pero no se traduce en ganancias para la empresa, por eso el sitio propiedad de google pretende un nuevo sistema de publicidad en los videos.
Yo como miles, no pagaría por un servicio especializado de noticias ya que cuando una lee un diario no busca algo en especial, trata primero de tener un panorama general, de leer los titulares y si algo le interesa lee todo el articulo. Además de otros datos que proporciona un diario como la cotización de una moneda, crucigramas, el estado del tiempo, etc.
¿Qué busca google?

Post Relacionados

¿Terminaremos pagando por algo que actualmente no

martes, 15 de septiembre de 2009

¿Terminaremos pagando por algo que actualmente no pagamos?

En los útlimos días se han hecho grandes anuncios sobre futuros cambios en la forma en que accederemos a los medios de prensa online. Hoy en día navegamos libremente por diferentes sitios de noticias que ofrecen una versión electrónica, en forma gratuita.
Lo cierto es que figuras destacadas de la internet y de los medios de comunicación, entre ellos Rupert Murdoch propietario de News Corporation una de las más grandes empresas del sector que controla muchos medios en distintos paises afirmaron que dentro de 12 meses, para el 2010, la mayoria de los medios de comunicación online van a cobrar por utilizar sus servicios.
Rupert Murdoch pretende reorganizar el sector de las noticias y dice que la era de la libertad de las noticias online se acabó
La baja en los ingresos de estas empresas en el correr de estos años y el argumento de que generar contenidos de calidad es caro son alguna de las razones que exponen para la realización de este súbito cambio.
Desde mi punto de vista esto es algo trágico y que limitaria las bondades de la Internet que todos disfrutamos. La libertad y el acceso libre a la información es una de las caracteristicas más fuerte de la actual internet. Me opongo completamente a que se realice esto ya que para mi es un regreso hacia atrás. Quiero que leer un diario online siga siendo gratuito como hasta ahora.
Temo que esto sea el principio de una serie de cambios en la red que generen desigualdades en las posiblidades de acceso a la información entre los navegantes, cosa que hasta hora es mínima.
Esta situación me generá muchas preguntas como: ¿Que va a ocurrir cuando ya todas las personas tengan acceso a internet y se necesite otra forma de ingreso? o ¿Qué pasará cuándo la televisión y la internet se fusionen?
El espiritu de Internet que todos queremos, va encontra de esto, Queremos una Internet libre y democratizadora
Confío en que este movimiento que buscan hacer los medios de comunicación no logre los resultados que ellos esperan. Que la gente reaccione negandose a suscribrise o pagar por leer una noticia por más 2 dólores que cueste, por el simple hecho del rechazo que le produzca tener que pagar por algo que antes no pagaban.
Que si algún medio empieza a cobrar, salga uno nuevo que no lo haga y se popularice, y si este llega un día a cobrar también, exista otro que brinde lo mismo gratis y las masas se vuelquen al libre
No deseo que los medios de comunicación se fundan o que el trabajo de los periodistas no se valore, sino que busquen otro medio de obtener ganancias sin que vaya encontra del Espiritu democtratizador e igualitario de Internet.

¿Cómo modifico la vista de Comentarios o Post?

Pasos para modificar la forma en que se ven y se presentan los comentarios o los post


Parece algo sencillo y hasta obvio para muchos pero hemos recibidos muchas consultas al respecto y eso nos hace pensar que ya no es tan obvio ni tan claro...
En realidad este post trata de las posibilidades que nos da blogger modificar y permitir distintos tipos de comentarios.
Las distintas opciones para cambiar se encuentan dentro del panel de control de vuestro blog bajo el título Configuración en Comentarios.
En este apartado cuentas con más de una opción , son sencillas y muy intuitivas, sólo tienes que ir probando cual se adapta más a lo que tú deseas o buscas...
Recomendación:
No limites los comentarios a usuarios registrados: eso pueda evitar que muchos lo hagan y si por alguna razón alguien pone algo que no debe tú pedes quitarlo cuando quieras

Post relacionados:
Ver más

jueves, 10 de septiembre de 2009

¿Cómo agregar un botón de enlace?

Aquí voy a detallar los pasos para crear de forma simple y gratuita una imagen o botón que servirá como enlace para que otros lo copien de tu página o blog y lo peguen en el suyo.

Crearemos el bóton con Button Maker. Se verá asi:

boton de enlace loshermanoscarlos

1. Ir a Button Maker
como agregar un botón de enlace











2. Allí editas los parámetros a tu gusto

3. Das clic en "Generate button" para ver la vista previa

4. Guardas la imagen

5. La subes a algun servidor o directamente a tu blog

¿Cómo cambiar la plantilla del blog?

Cuando recién empiezas con tu blog, algo que seguro quieres cambiar es la plantilla. Con un cambio de plantilla ya empezarás a mostrar algo que diferencia tu blog del resto.
Si aún no sabes como hacerlo aquí te lo explico paso a paso

Algunas consideraciones previas:
Siempre ten la precaución de guardar la plantilla que tienes para que en caso de que te equivoques puedas volver atrás.
Cuando uno cambia de plantilla se te borrarán todos los scripts que hayas agregado. Ej contadores de visitas, sala de chat, etc. Pero tranquilo no se te borrarán las entradas

1. Lo primero que tienes que hacer es elegir una plantilla. En la red hay muchas páginas con miles de plantillas para que puedas elegir y descargar. Alcanza con poner plantillas en google

2. Una vez que ya tienes la plantilla, debes abrir tu blog e Ir a Diseño/ edición de HTML

diseño edición de html












3. Luego das clic en "examinar" y buscas la plantilla en tu equipo. Recuerda que tiene la extensión .xml


cambiar la plantilla













4. Para finalizar das clic en "subir" y listo ya puedes seguir leyendo nuestras entradas para continuar personalizando tu blog





martes, 8 de septiembre de 2009

¿Cómo abrir un hipervínculo en otra ventana sin cerrar la actual?

Un hipervínculo, enlace o vínculo a otra ventana sin cerrar la acutal


La clave para ello es el atributo target que se coloca dentro de la etiqueta de a href donde se establece el vínculo...
Para aquellos que conocen un poco de html les digo que sólo con colocar target="_blank"
dentro de la etiqueta que indica el vínculo ya basta, quedaría del siguiente modo:

<a href="http://www.loshermanoscarlos.tk" target="_blank">Los hermanos carlos en otra ventana</a>

A continuación pueden probarlo:
Los hermanos carlos en otra ventana


Para aquellos que no manejan mucho el código html, le diré que una vez que establecieron un hipervínculo con un editor cualquiera, ya sea el de blogger u otro, busquen el la vista de edición html la etiqueta que indique anteriormente y agreguen el atributo target="_blank" como lo indique. Es muy sencillo pruébenlo...

Aclaración: Tal vez esté demás decirlo pero recuerden que si usamos Mozilla como navegador sera abierto en otra pestaña y si es como Explore en otra ventana.

Para los que quieran saber un poco más sobre el atributo TARGET


Otras opciones del atributo target que les pueden venir muy bien:

TARGET="_blank"
El enlace se abre en una nueva ventana del navegador.

TARGET="_self"
El enlace se abre en el mismo frame o ventana donde está el enlace. Este valor es especialmente útil cuando se ha usado la etiqueta BASE para especificar un frame destino por defecto distinto del actual.

TARGET="_parent"
El enlace es abierto en el FRAMESET padre del frame actual.

TARGET="_top"
Hace que el enlace se abra ocupando todo el espacio de la ventana del navegador eliminando todo frames. Este valor debe ser usado siempre que creemos un enlace a una página externa a nuestro sitio web.

Post dedicado a Andreu en respuesta a su solicitud: Gracias por confiar en nosotros y éxito con tus proyectos webs

jueves, 3 de septiembre de 2009

Distintas formas de Redireccionar una página

Si alguna vez cambias de dirección y quieres que todos los que entren a la vieja sean redirigidos a la nueva lo que tienes que hacer es hacer unos pequeños cambios en la vieja, entonces cada vez que alguien entre a tu dirección vieja automáticamente sin tener que hacer ningún clic estarán en la nueva.
Muy útil hasta que todos sepan tu nuevo dominio.
También se puede utilizar dentro de un mismo sitio
Aquí voy a dejar varias formas para que lo hagas. Recuerda los cambios se hacen en tu página vieja

Primer caso. Con HTML
lo que hacemos es pegar este código entre las etiquetas head

<meta http-equiv="Refresh" content="30";URL="redireccionar.html" />


En el código debemos sustituir "redireccionar.html por la nueva dirección completa

Algo muy importante a tomar en cuenta es que redireccionar una página puede conducir a recibir una sanción por parte de los buscadores. Para eso es muy importante que esto se haga de la forma correcta.

Una forma es utilizar la redirección 301

Redireccion 301

El código del estado 301 indica que una página ha sido trasladado permanentemente y que los buscadores deberín dejar de indexar la URL antigua, sustituyéndola con la nueva.


Acá voy a pegar algunos ejemplos extraídos de promocioning con diferentes lenguajes

Redireccion con PHP


<?php

// Redireccion 301

header("HTTP/1.1 301 Moved Permanently");

header("Location: http://www.promocioning.com/");

exit();

?>


Redireccion con ASP


<%@ Language=VBScript %>

<%

' Redireccion 301

Response.Status = "301 Moved Permanently"

Response.AddHeader "Location", "http://www.promocioning.com/"

Response.End

%>


Redireccion con ASP.NET


<script runat="server">

private void Page_Load(object sender, System.EventArgs e)

{

Response.Status = "301 Moved Permanently";

Response.AddHeader("Location","/nueva-pagina.asp");

}

</script>


Redireccion con ColdFusion


<CFHEADER statuscode="301" statustext="Moved Permanently">

<CFHEADER name="Location" value="http://www.promocioning.com/">


Redireccion con Perl



#!/usr/bin/perl -w

use strict;

print "Status: 301 Moved Permanantly\n";

print "Location: http://www.promocioning.com/\n\n";

exit;





Post Relacionados


Guia Optimizacion Motores Busqueda
Libro SEO Posicionamiento en Buscadores
Directorios para tu Blog o Blogger