Google Apps es un servicio de Google para el uso de servicios de este mismo como correo, documentos, calendarios, etc. Google Apps tiene una version gratuita y puedes registrarte para obtener los productos de Google en tu nombre de dominio. Supongamos, tu dominio es WWW.MIDOMINIO.COM y no tienes servidor de correo propio, estas aplicacion te otorgara una direccion como MAIL.MIDOMINIO.COM, basada en la interfaz de la pagina de Gmail. Una de las mas grandes ventajas, sera que podras usar tu dominio como tu propio servidor de correos, hablo de que si usas una pagina de correo que te ofrece una direccion como "tunombre@hotmail.com" o "tunombre@gmail.com", eso se termino. Ahora sera "tunombre@tudominio.com". Esto pasara con Google Talk o con cualquier otro servicio ofrecido por google. Ya yo cree el mio, y desde ahora si deseas comunicarte personalmente conmigo deberas escribirme a contacto@frikibloggeo.com.ar. No es Genial?

1- Inscripción gratuita en Google Apps


Inscribete gratis desde esta pagina de esta manera


2- Rellenar el formulario de Inscripcion


HighSlide es un maravilloso script que te permite abrir las imagenes de tu blog en la misma ventana o pagina. Es decir, ya no es necesario que el usuario salga de tu pagina al hacer clic sobre una imagen, si no, que a la imagen que le apliques el Javascript, al hacer clic sobre ella abrira con un efecto Zoom, que se activara una vez dado el clic sobre la imagen deseada. Highslide te permite crear tambien galeria de imagenes, con distintos diseños, en la imagen de la izquierda se pueden vizualizar dos modelos de las ventanas modales, y eso no es nada para las demas que ofrece, tambien, te permite mover la imagen de un lado a otro de la pagina. En esta entrada, te ensañare a aplicar el efecto dentro de tu blog, pero para empezar, es necesario que veas una muestra en la pagina del autor.

1-) Para empezar entra a la edicion HTML de tu blog, busca la etiqueta </head> y pega el siguiente codigo justo antes de dicha búsqueda.

<script type="text/javascript" src="http://h1.ripway.com/inacho/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="http://h1.ripway.com/inacho/highslide.css" />

<script type="text/javascript">
hs.graphicsDir = 'http://h1.ripway.com/inacho/graphic/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
//hs.dimmingOpacity = 0.75;

hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>

En Rojo: Son los archivos alojados en el servidor externo

Google font API es un nuevo servicio de Google que te permite colocar fuentes interactivas en tu blog que podra ver cada usuario que lo visite, sin necesidad alguna de que este usuario deba tener la fuente utilizada almacenada en el disco duro de su computador. Ya hace muchisimo tiempo, publique una entrada a la que llame Nuevas fuentes para los post de tu blog, pero ocurre que, si el usuario no tenia esta fuente guardada en su computador, no podria vizualizar bien la fuente, o el sistema la sutituiria por otra, por eso se seleccionaron mas las fuentes que se estimaba que toda computadora con el Sistema Operativo Microsoft Windows traeria por defecto. Esta es la gran ventaja de usar Google font API para una fuente distinta. Por los momentos, el servicio se encuentra en su fase BETA. Esperemos que pronto comience su fase permanente, para asi tener mas fuentes de la cuales elejir.

Este es un ejemplo de fuente usando Tangerine

Debes entrar al directorio de fuentes de Google, la web ofrece por los momentos pocas fuentes, pero de las que hay, algunas muchas llaman la atencion. Estan fuentes poseen variantes, hablo de que podria ser Tangerine en italica, o bold. Tienes mucho de donde elejir.

Aqui te dejo una muestra de las fuentes

Los slides dan un toque de profesionalismo en cada pagina web o blog que los posea, ya que tienen efectos vistosos que rápidamente pueden llamar la atención del lector, invitándolos a hacer clics sobre cada uno de ellos. Este no es el primer Slide con desplazamiento que he publicado en este blog, de hecho, hay uno aquí publicado que posee el mismo efecto y usa jQuery para su acción pero es totalmente diferente en su estilo.


Es momento de comenzar comenzar con la explicación, recuerda siempre de usar imágenes con dimensiones de 307px de ancho (Width) por 254 de altura (Height). También te recomiendo que descargar los archivos Javascript a tu computador y alojarlos en tu propio servidor. Antes de comenzar, te dejo una vista previa en imagen del Slide, pero siempre puede ver la demostracion en mi blog de pruebas.



1) Entra a Blogger > Diseño > Edición HTML
2) Usando Ctrl + F, encuentra la etiqueta </head> dentro del codigo
3) Pega el siguiente código justo antes de la etiqueta que acabas de buscar

Publicidad
Para Amor: Tu web de encuentros online. Conoce personas de todo el mundo, haz amigos, liga, chatea, comparte fotos, video y mucho mas...