MUCHA INFORMATICA

Adobe Flash CATALIST Beta

2009-07-10T10:13:00.000-07:00

Adobe Catalist es unanueva e interesante herremienta que lanzó Adobe , que permite a los diseñadores partir de proyectos estáticos creados en Photoshop CS4, Illustrator CS4, Adobe Fireworks CS4 y convertirlo en un producto final interactivo.

Adobe ® Flash ® Catalyst ™ es una nueva herramienta de diseño de interacción profesional para crear rápidamente interfaces de usuario sin codificación.

Transformar obra de arte creada en Adobe Photoshop ® y Adobe Illustrator ® en las interfaces de usuario funcionales.

Crear prototipos interactivos con la capacidad de influencia en el producto final
Publicar un proyecto terminado como un archivo SWF listo para su distribución

Trabajar de manera más eficiente con los desarrolladores que utilizan Adobe Flash Builder ™ 4 para crear aplicaciones ricas de Internet (ARI).
Catalizador diseñadores utilizan Flash para crear la experiencia de usuario funcional, después, el archivo de proyecto a los desarrolladores que utilizan Flash Builder para añadir funcionalidad y la integración con servidores y servicios.

Descargar Flash Catalist

WYSIWYG Text Editor con ActionScript 3.0

2009-07-09T18:32:00.000-07:00

Excelente Editor de textos en Flash con Acttionscript . Carga todas las fuentes del sistema, incluye el cambio de color, añadir enlaces, negrita, cursiva, subrayado, alineación, y el tamaño de la letra.

Demo y Descarga

Formulario de comentarios AJAX en Blogger

2009-07-09T06:07:00.000-07:00

Pues a nadie le gusta el formulario de comentarios de Blogger. Por no ser un formulario práctico.
Navegando por los rincones del Web me encontre una pagina web que nos da la posibilidad de cambiar nuestro clasico formulario de comentario en uno moderno Igual a de Wordpress. La integracion es muy fácil veamos los ejemplos:

Demo

Sus funcionalidades son increíbles tales como mostrar el comentario sin necesidad de recargar la pagina, asociacion a openid . y sobre todo ahora los comentarios de blogger con Avatar de los autores.

Para realizar esto solo basta con ingresar a intensedebate.com
Luego crear una cuenta en la página en 30 segundos e ingresar la url de tu blog y seguidamente seguir las instrucciones que son tan fáciles que cualquiera lo va a entender. Y así tendrás tu moderno formulario en las entradas de tu blog.

Otra ventaja que trae: Suscepción al feed de los comentarios via RSS y Email

Link: intensedebate.com

Crear Analizador de Sonido en Flash cs4 - SOUND SPECTRUM

2009-06-20T16:15:00.000-07:00

En este tutorial vamos a ver como crear una animación de acuerdo a los impulsos de un archivo de audio con Actionscript 3.0.
Esto se logra con el método SoundMixer.computeSpectrum () que se encarga de leer los datos de audio en tiempo de ejecución y permite crear animaciones de acuerdo a loas ondas.

Paso 1:
Ejecuta el programa Adobe flash CS3 Professional o Adobe Flash CS4 Professional.

Paso 2:
Crea un nuevo documento con fondo negro y antes de nada Guardala en una carpeta.

Paso3:

Copia este código y pega en el primer fotograma de la película presionado F9 para abrir el panel de acciones:

var s:Sound = new Sound();
var sc:SoundChannel;
var ba:ByteArray = new ByteArray();
var array:Array;
s.load(new URLRequest(”music.mp3″));
sc = s.play(0,1000);
this.addEventListener(Event.ENTER_FRAME, spectrum);
var a:Number = 0;
function spectrum(event:Event)
{
a = 0;
graphics.clear();
SoundMixer.computeSpectrum(ba,true,0);
for(var i=0; i < i="i+8)" a =" ba.readFloat();" number =" a*360;">
}

La imagen muestra como quedaria:

Paso 4:

En la carpeta donde guardaste el documento .FLA copia una canción MP3 con el nombre de music.mp3

Paso 5:

Listo !!! solo prueba la pelicula con CTRL + ENTER y ya veras una animación circular que se mueve de acuerdo al sonido.

Puedes ver una DEMOSTRACIÓN

o Puedes Descargar Los archivos del ejemplo.

Ojo : Primero extraer para probar el ejemplo del .rar

Power Point Online con Adobe Presentations

2009-05-30T16:54:00.000-07:00

Adobe Lanzó un Interesante herramienta que nos permitirá crear Presentaciones Online. Claro como siempre Adobe y sus potentes aplicaciones com Photoshop Express y su Editor de documentos...

Para poder utilizar este servicio necesitamos una cuenta gratuita de Adobe y listo. Lo importante de este servicio es que no permite compartir nuestros documentos. También tiene un forma para Embeber en blogs o websites.

LINK: https://labs1.acrobat.com

Joomla Blogger Template

2009-05-30T15:46:00.000-07:00

Salió una elgante plantilla para Blogger inspirada en el CMS Joomla Su diseño es muy visual de 3 columnas ideal para Adsense.
Pueden ver una Demo o una Descarga desde Aquí.

Vincular los autores de mi blog con su perfil Blogger

2009-05-28T15:00:00.000-07:00

Resulta útil cuando un blog tiene muchos Integrantes o autores que escriben entradas en equipo. Vincular su nombre con su debido perfil Blogger cuando publique una entrada así como lo es en los comentarios.

Miremos las siguientes imágenes:

Para realizar esto sigue los siguientes pasos:

En primer lugar, debes conseguir las direcciones de los perfiles de todos aquellos que publicarán entradas en el blog. Su aspecto será parecido a éste: http://www.blogger.com/profile/XXXXXXX, donde "XXXXXXX" es un número de identificación concreto. Anote el número correspondiente de cada persona.A continuación, añade el código siguiente a la plantilla, entre los códigos HTML <head>:


<script type="text/javascript">

//<![CDATA[
var team = new Array();
team["First Member"]="XXXXXXX";
team["Second Member"]="YYYYYYY";
team["Third Member"]="ZZZZZZZ";

function makeprofilelink (authorname) {
var pid = team[authorname];
document.write("<a href=\"http://www.blogger.com/profile/"
+ pid + "\">" + authorname + "</a>");
}
//]]>
</script>

Sustituye "Primer mienbro" por el nombre que aparece en las entradas del primer miembro y reemplaza "XXXXXXX" por el número de identificación correspondiente al perfil de dicho usuario. Repite este procedimiento con el segundo miembro y así sucesivamente. Añade tantas líneas como necesites.
Ve a EDICIÓN HTML y Observa la sección de tu plantilla situada entre los códigos o

<data:post.author/>

. Muestra el nombre visible de cada persona y sustitúyelo por lo siguiente:

<script type="text/javascript"> makeprofilelink("<data:post.author/>"); </script>

Guarda los cambios y vuelve a publicar el blog. Al final de cada entrada se incluirá el vínculo al perfil del nombre correspondiente, con lo que el resultado será parecido a éste:

... bla, bla, bla y así termina mi entrada.
# entrada de Neysi a las 6:15 PM.

Ojo:

Deberás actualizar la lista de miembros y sus números de identificación siempre que añadas nuevos usuarios o cada vez que éstos modifiquen su nombre visible.

Cada miembro deberá tener un nombre visible exclusivo para garantizar que éste vinculará con el perfil correcto.

101 Layouts y Plantillas CSS Gratis

2009-05-02T09:45:00.000-07:00

Muchas veces tardamos mucho en diseñar la plantilla de nuestras webs, y sobre todo para aquellas personas que no dominan mucho este trabajo. Pues CSSBlog nos trae un coleccion de 101 plantillas para tus paginas web con diseños elegantes.

Via: CSSBlog

Mas de 5 Comentarios Recientes en Blogger

2009-04-21T19:05:00.000-07:00

En este post voy a enseñarles a mostrar Los últimos comentarios que se escriben en nuestros blogs mas conocido como (Comentarios Recientes).

En primer lugar existe una forma clasica de poner los comentarios aregando un feed. Pero nos da ciertas limitaciones en lo cual se pueden mostrar como máximo 5 comentarios.

Para esto existe una soluciona basada e JAVASCRIPT que nos permite mostrar la cantidad de comentarios que usted desee.

Para realizar esto solo agrega un HTML/JAVASCRIPT y compia el siguiente codigo cambiando lo siguiente:

* En donde dice TUBLOG.blogspot.... Cambiale por el tuyo.

* Puede cambiar el numero de post que se mostrarán

var numposts = 10;

<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');

var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;

}

}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);

var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

if ("content" in entry) {
var postcontent = entry.content.$t;

} else if ("summary" in entry) {

var postcontent = entry.summary.$t;

} else
var postcontent = "";
var re = /<S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);

if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {

if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}

}
document.write('</li>');
}
document.write('</ul>');
}

</script>

<script>

var numposts = 6;
var showpostdate = false;

var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://TUBLOG.blogspot.com/feeds/comments/default?orderby=published&alt=json-in-script&callback=rp"></script>

Ojo: No olvides cambiar la url de tu blog.

Magazine R.1. 3 Blogger Template

2009-04-17T08:18:00.000-07:00

Hace 2 dias salió la tercera versión de esta plantilla para blogger gracias a blogtemplate4u.
Esta nueva version presenta impresionantes caracteristicas muy mejoradas de la versión 1.1 la version 1.2 tales como:

Ideal para poner anuncios de Adsense, por poseer epacio para barner de 468 * 60 en la parte superior , lista de anucios y tambien un cuadrado a la izquierda del Slider.

Menu de navegacion
Un slider con pestañas para las entradas mas populares del blog.
Entradas en la parte izquierda con Read More.
Cambia el aspecto de la pagina principal al ingresar a una entrada.

Especificaciones:

Tipo: Blogger Template (XML)
Colum: Varias columnas
Color template: Disponible a cambios.
Ancho del Template: 960 pixels

Demo / Descargar

Hosting para Blogger sube tus imagenes,scripts,etc gratis

2009-04-13T06:30:00.000-07:00

En visto que hace mucha falta un servidor en blogger para subir nuestros archivos y compartirlos en nuestos blogs. Hemos probado muchos servicios como GooglePages, Googlesites, Skydrive,etc.
pero en realidad hemos tenido muchas trabas con estos servicios, debido al poco espacio y ancho de banda, y además no permiten enlaces para descargas directas.
Una alternativa a esto encontré un servicio de hosting gratuito, ideal para subir nuestros archivos debido a que nos dá lo siguiente:

* 2 GB de espacio
* 20 GB de ancho de banda
* Soporta PHP, MySQL y FTP
* Pre-instalado Scripts
* Soporte técnico
* Copias de seguridad semanal gratuito
* Personal de negocios o uso
* No forzado anuncios (SIN NINGUNA PUBLICIDAD)
* Libre WebStats
* PhpMyAdmin, Cron
* Activación instantánea
* Agrega tu propio dominio
* Administrador de Archivos
* Editor WYSIWYG
* Noy hay restriccion para subir archivos( puedes subir archivos de cualquier tamañ

Ademáste puede servir más que para alojar archivos también para tu sitio
Solamente ingresas a esta web y te registras para pedir un hosting en 4 horas tu cuenta estará activa.
Cuando ya estes registrado la url principal quedará así :http://TU-USER.v-hosting.co.uk

Para subir archivos en tu panel de control hay una sección llamada FILEMANAGER para poder subir tus archivos. o también puedes usar un programa FTP .

Sitio: v-hosting.co.uk

Widget Cambiar el tamaño del texto en Blogger

2009-04-07T08:51:00.000-07:00

Resulta muy útil en nuestros blogs un widget para cambiar el tamaño de las fuente del nuestras entradas. Por que muchas veces no sabemos que tipo de personas visitas nuenstros blogs, muchas personas tienesn problemas con la vista para lectura,etc. Pues nuestro blog debe ser legible para todo tipo de público.

Para poner este en tu blog solo agrega un nuevo HTML/JAVASCRIPT desde el diseño de tu blog y pega el codigo siguiente:


<p style="text-align:right;"><a href="http://sistemasmen.blogspot.com/2009/03/mostrar-mas-de-5-entradas-recientes-en.html" title="Grab this wiget">Obten este widget</a></p>
Font size: <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;10px&apos;"><span >+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;12px&apos;"><span >+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;14px&apos;"><span >+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;16px&apos;"><span >+</span></a> <a href="javascript:void(0);" onclick="javascript:body.style.fontSize=&apos;18px&apos;"><span >+</span></a>

Eso es todo saludos..!

Curso de Introduccion a AJAX Gratis

2009-04-02T18:53:00.000-07:00

Librosweb No presenta un interesante libro de introduccion a AJAX de seguro que no vas a parar de leerlo porque está muy bueno especialmente para comenzar desde cero y tambien tecnicas avanzadas en AJAX.

CONTENIDOS:

Capítulo 1: Introducción a AJAX
Capítulo 2: JavaScript básico
Capítulo 3: JavaScript avanzado
Capítulo 4: DOM
Capítulo 5: BOM
Capítulo 6: Eventos
Capítulo 7: Primeros pasos con AJAX
Capítulo 8: Técnicas básicas con AJAX
Capítulo 9: Técnicas avanzadas con AJAX
Capítulo 10: Frameworks y librerías
Capítulo 11: Otras utilidades
Capítulo 12: Recursos útiles
Capítulo 13: Bibliografía
Capítulo 14: Ejercicios resueltos

DESCARGAR GRATIS:

Magazine R1.2 Blogger Template

2009-04-02T07:15:00.000-07:00

Blogtemplate4u ha diseñado una elegante plantilla para blogger estilo Magazine. Antes de esto habia publicado otra plantilla Magazine R1 . Pues esta ultima tiene la siguientes caracteristicas que la hacen superior.

* Imagen Hover Link en el Visor de Carrusel

Cuando el puntero del ratón esta sobre el visor de imágenes del Carrusel, el fondo de las imágenes va a cambiar. Hará su carrusel espectador más atractivo.

* 3 columnas de Pie de página

En el pie de página, he añadido tres columnas que te permiten añadir más widgets.

Todas las demas características completas sobre R.1.2 Magazine, se puede leer en la pantilla Magazine R.1

Todos los mas detalles los puede ver en: Blogtemplate4u

DEMO / DESCARGA

Poner Código fuente en Blogger

2009-03-30T06:11:00.000-07:00

Aveces nos resulata muy útil poner código fuente en nuestro blog o página web sobre algún lenguaje de programación , al igual que yo pongo en este blog cuando muestro codigo html css o php.

Gracias a que estoy aprendiendo JAVASCRIPT , he creado una pequeña aplicacion para convertir el codigo html . Transforma todos los caracteres problemáticos en HTML a su respectiva entidad
HTML.

Codigo fuente

</p>
 <p>
   <textarea name="codlisto" id="codlisto" cols="55" rows="8">
 </textarea>
   </p>
 <p>
   <label>
     <input name="convertir" type="button" class="boton" id="convertir"
onclick="convertirhtml();" value="Convertir" />
   </label>
 </p>

</form>
</fieldset>

Para hacer esto solo usa mi pequeña herramienta:

Espero que les sea útil bye.

Definir el ancho adecuado de una página web:

2009-03-30T05:44:00.000-07:00

Para crear una pagina web hay que tener en cuenta el tamaño o la resolucion del monitor del usuario.La mayoria de monitores actualmente tienen una resolucion de 1024 x 768 pixles.Y por tanto no debemos preocuparnos mucho.
Lo ideal es crear una pagina web centrada. Debemos tener en cuenta que los navegadores alinean por defecto las páginas a la izquierda de la ventana,lo que provoca que algunas páginas parezcan muy estrechas y den una sensación de vacío en los monitores con más resolución.

Una solución para evitar los grandes espacios en blanco consiste en crear páginas con una anchura fija adecuada y centrar la página respecto de la ventana del navegador. CSS permite centrar las páginas de forma muy sencilla.

La solución se basa en agrupar todos los contenidos de la página en un DIV llamado contenedor (en inglés se denomina wrapper) y asignarle a ese unos márgenes laterales
automáticos:

#contenedor {
width: 920px;
margin: 0 auto;
}

Modificando ligeramente el código CSS anterior se puede conseguir un diseño dinámico
(llamado líquido) que se adapta a la anchura de la ventana del navegador y permanece
siempre centrado:


#contenedor {
width: 80%;
margin: 0 auto;
}

PROBLEMAS ?

Cuando se diseña la estructura de una página web, se debe tomar la decisión de optar
por un diseño de anchura fija o un diseño cuya anchura se adapta a la anchura de la ventana del navegador.
Sin embargo, la mayoría de las veces sería conveniente una solución intermedia: que la anchura de la página sea variable y se adapte a la anchura de la ventana del navegador,pero respetando ciertos límites.

En otras palabras, que la anchura de la página no sea tan pequeña como para que no se puedan mostrar correctamente los contenidos y tampoco sea tan ancha como para que las líneas de texto no puedan leerse cómodamente.

CSS define cuatro propiedades que permiten limitar la anchura y altura mínima y máxima
de cualquier elemento de la página. Las propiedades son max-width, min-width, maxheight
y min-height.

Utilizando CSS seria:


#contenedor {
min-width: 700px; //ancho mínino a que se adapta
max-width: 920px; // ancho máximo a que se adapta
}

MAS PROBLEMAS ?

Tenia que ser Internet Explorer 6 y versiones anteriores no soportan ningunas des estas propiedades pero para esto existe un hack:

max-width equivalente para Internet Explorer:

div {
max-width: 800px;
width: expression(document.body.clientWidth > 801? "800px": "auto");
}

min-width equivalente para Internet Explorer:

div {
min-width:800px;
width: expression(document.body.clientWidth <> 801? "800px": "auto");


Yo personalmente prefiero mi pagina un tamaño fijo de 800 px o 920px el layout o diseño seria asi en el estillo CSS:

<div id="contenedor">
<div id="header">
<h2>Diseño correcto de un página</h2>
</div>
<div id="sidebar..
Etc...

.
.
.
.

</div>


Todo esto se hace a base de estilos CSS. Pues debemos ir olvidandando el uso de tablas para
crear la estructura de páginas debido que se nos hace muy difil de manipular por la cantidad de codigo que nesesita sin embargo si trabajamos con DIVs y CSS resulat mu fácil.

Espero que les sirva de mucho.

Métodos abreviados de teclado para Internet Explorer 8

2009-03-30T05:35:00.000-07:00

Aveces resulta muy util el uso de teclas rápidas para usar algún programa. Esto hace que no ahorremos un monton de tiempo.Supongamos que deseamos minimizar todas las ventanas de nuestro windows. Tardariamos mucho tiempo en hacerlo. pero utilizando el teclado con solo presionar TECLA WINDOWS + M y lo haríamos en un segundo.

Sin mas floro ja ja . Aqui les traigo teclas de accedo rapido para internet explorer 8 :

Para	Presione
Alternar entre las vistas de pantalla completa y normal de la ventana del explorador	F11
Avanzar a través de los elementos de una página web, la barra de direcciones y la barra de favoritos	TAB
Retroceder a través de los elementos de una página web, la barra de direcciones y la barra de favoritos	MAYÚS+TAB
Iniciar exploración mediante el símbolo de intercalación	F7
Ir a la página principal	ALT+INICIO
Ir a la página siguiente	ALT+FLECHA DERECHA
Ir a la página anterior	ALT+FLECHA IZQUIERDA o RETROCESO
Mostrar el menú contextual de un vínculo	MAYÚS+F10
Avanzar a través de los marcos y los elementos del explorador (sólo funciona si se ha deshabilitado la exploración por pestañas)	CTRL+TAB o F6
Retroceder entre los marcos (sólo funciona si se ha deshabilitado la exploración por pestañas)	CTRL+MAYÚS+TAB
Desplazarse al principio de un documento	FLECHA ARRIBA
Desplazarse al final de un documento	FLECHA ABAJO
Desplazarse al principio de un documento en incrementos mayores	RE PÁG
Desplazarse al final de un documento en incrementos mayores	AV PÁG
Ir al principio de un documento	INICIO
Ir al final de un documento	FIN
Buscar en esta página	CTRL+F
Actualizar la página web actual	F5
Actualizar la página web actual, incluso si la marca de tiempo de la versión web y de la versión almacenada de forma local son la misma.	CTRL+F5
Detener la descarga de una página	ESC
Abrir una nueva página o sitio web	CTRL+O
Abrir una nueva ventana	CTRL+N
Abrir una nueva ventana de Exploración de InPrivate	CTRL+ALT+P
Duplicar pestañas (abrir la pestaña actual en una nueva pestaña)	CTRL+K
Cerrar la ventana actual (si sólo hay una ficha abierta)	CTRL+W
Guardar la página actual	CTRL+S
Imprimir la página actual o el marco activo	CTRL+P
Activar un vínculo seleccionado	ENTRAR
Abrir los favoritos	CTRL+I
Abrir el historial	CTRL+H
Abrir las fuentes	CTRL+J
Abrir el menú Página	ALT+P
Abrir el menú Herramientas	ALT+H
Abrir el menú Ayuda	ALT+U

Espero que les sea útil. Suerte....!

Abrir Enlaces en blogger

2009-03-26T08:22:00.000-07:00

Muchas veces deseamos hacer hipervinculos en nustra pagina web o blog. Osea enlazar una pagina web a un texto en nuestro blog . Hay varias formas de abrir enlaces veamos:
1.-Si deseamos que se abra el link en una nueva ventana opta por esto target="_blank" es muy util si deseamos que el usuario no abandone nuestro blog a hacer clic en un el vinuculo.

<a href="URL DE LA PAGINA A ABRIR" target="_blank">Aqui va el texto del destino</a>

Ejemplo con este codigo abrirá este blog en una nueva ventana

VISITA MI BLOG

Asi mismo si deseamos enlazar imagenes Ejemplo:

<a href="URL DE LA PAGINA A ABRIR" target="_blank"><img src="URL DE LA IMAGEN></a>

2.Si deseas que se abra en la misma ventana no ponga target=""

3.Y por ultimo si deseas abrir una ventana en blogger en modo POPUP osea abrir una ventana sin barras de navegacion opta por esto:

<a href="URL DE LA PAGINA ABRIR" target="_blank"  onclick="window.open(this.href, this.target,  'width=760,height=570,top=600px,left=500px'); return false;">TEXTO  DEL ENLACE</a></center>

Para poner un enlace a imagenes

 <a href="URL DE LA PAGINA ABRIR.html" target="_blank" onclick="window.open(this.href, this.target, 'width=760,height=570,top=600px,left=500px'); return false;"><img src="http://neysi129.googlepages.com/convertir-swf-fla.bmp" /></a></center>

En width= y height= el tamaño en que se abrirá la ventana

Miren los ejemplos

VISITA MI BLOG Mi blog se abrira pequeño y sin ventanas de navegacion

De igual manera con esta imagen.

Poner Adsense dendro de las entradas en Blogger

2009-03-26T06:56:00.000-07:00

Muchas personas preguntan como poner Adsense dentro de los post en blogger . Esto en realidad es facil solo basta con convertir el codigo JavaScript a XML compatible con el código
Hay una cosa que debemos recordar en primer lugar, que la plantilla de Blogger es muy estricto en la sintaxis XML. Si realiza algún error con el código de la plantilla, Blogger no va a aceptar y puede llevar tiempo para corregir. Por lo tanto, siempre copias de seguridad de su plantilla en primer lugar y tener cuidado durante la edición de su plantilla.

Si intenta insertar AdSense de Google o cualquier otro basado en JavaScript código de anuncios a la plantilla, Blogger y puede mostra un mensaje de error.

Los pasos para poner adsense son:

1) Convertir el codigo Javascript a Xml. Para esto estuve creando una herrmienta con javacript que covierte cualquier codigo javascript a xml .

2) Ir al diseño de tu plantilla ,edicion html y marca: Expandir plantillas de artilugios

3) Busca este codigo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

4) Y pega justo despues el tu codigo adsense convertido por mi herramienta.

5) Guarda tu plantilla y listo.

Luego les enseñaré a crear su propio convertidor . Usando prototype.js

Hacer que los usuarios te enlazen en blogger

2009-03-22T17:28:00.000-07:00

Aveces a los visitantes de nuestros blogs se quedan muy enamorados de nuestros artículos y por eso ellos deciden enlazarnos en sus paginas webs o blogs. Una forma facil de facilitar esto a nuestros usarios es poniendo un widget en nuestro sidebar aso como el mío "Enlazame" ...

Realizar esto es muy sencillo con los siguientes pasos:
Vamos a insertar una area de texto de la copiando el siguiente codigo:

<textarea rows="4" cols="19" style="border-style:
dotted; border-color: rgb(204, 153, 0);" readonly="readonly"
onclick="this.focus(); this.select();">&lt;a style="
color:#03F;" href="http://TUBLOG-O-WEB.blogspot.com"
target="_blank"&gt;El titulo de tu blog&lt;/a&gt;
</textarea>

Este cuadro de texto tiene muchas ventajas como:
- No permite modificacion en la misma Textarea
- Autoseleccionable ( Se selecciona al hacer clic en el area de texto) y resulta muy facil para el usuario.

Continuar leyendo en Blogger

2009-03-21T10:20:00.000-07:00

Por defecto, todos los Post de Blogger aparecen plenamente en la página principal. Esto hace que la pagina principal de su blog se vea muy larga con una gran cantidad de contenido. Los lectores tienen que desplazarse y vaya a buscar todos sus temas. Otras plataformas de blogs como Wordpress ya ofrecen el "leer más" o "Read more " en ingles. Esta característica - usted puede mostrar sólo una primera parte del artículo, los lectores al hacer clic en el enlace Leer más ... para leer el resto. Así pues, usted también puede aplicar la misma función para Bloggger su cuenta?

En este artículo voy a explicar cómo crear un Leer más ... Blogger en la forma más fácil.

La idea es simple: dividir su entrada en dos partes: "El extracto" y "El resto". En la página de índice, sólo se muestra el extracto, y "El resto" está escondido en una etiqueta div. Al hacer clic en leer más sobre el enlace, te llevará a la página de artículo único, y el pleno posterior se muestra.

Paso 1: Ir a Edicion HTML de tu blog.

Tienes que añadir algunos elementos de CSS a la plantilla. Por lo tanto, copia de seguridad de su plantilla actual antes de realizar ningún cambio.

Marcar la casilla. Expandir plantilla.
Presion CTRL F y busque este codigo:

<data:post.body/>

Añadir estos códigos antes de la línea que acabas de encontrar:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

A continuación se crea un vínculo "Seguir leyendo" "Continuar leyendo" ,etc al final del tema para vincular a la plena post

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Continuar leyendo...</a>
</b:if>

Por lo tanto su resulatdo se veria algo asi:

Paso 2: Modificar su plantilla por defecto

Añadimos el lapso de etiquetas para enviar la plantilla para que usted no tenga que escribir de nuevo para los nuevas entradas:
Ir a tu blog Configuración -> Formato, y navegue a la sección Plantilla de Entrada, y agregar el siguiente código:

<span class="collapse" >
</span>
<span class="fullpost">
</span>

y guarda los cambios.

El final . A l ahora de crear tu entras , escribe dentro de las etiquetas <span class="collapse" > el estracto de las entradas. y el resto dentro de las etiquetas <span class="fullpost">
Ejemplo:

<span class="collapse" >

Aqui va el estracto de tu entrada
</span>
<span class="fullpost">
Aqui va el resto de tu entrada
</span>

Y eso es todo espero que les sirva de algo.No olviden dajar comentarios si tienen problemas a realizar este truco.

Mostrar el dia actual y la fecha en blogger

2009-03-20T08:38:00.000-07:00

Un clasico widget que siempre debe estar en un blog es mostra le fecha y el dia actual, para realizar esto es algo mu sencillo . Solo agregue un HTML/JAVASCRIPT en la cualquier parte de tu diseño y copie el siguiente codigo:

<script>

var mydate=new Date()

var year=mydate.getYear()

if (year < 1000)

year+=1900

var day=mydate.getDay()

var month=mydate.getMonth()

var daym=mydate.getDate()

if (daym<10)

daym="0"+daym

var dayarray=new Array ("Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sábado")

var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo", "Junio","Julio", "Augosto","Setiembre","Octubre","Noviembre","Diciembre")

document.write("<p>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</p>")

</script>

Espero que les sirva de algo .

Descargar Internet Explorer 8 versión Final

2009-03-20T06:09:00.000-07:00

Por fin llega la ultima version de este clasico navegador uno de los mas utilizados a nivel mundial. En cuanto a las novedades de esta version se puede destacar las siguientes:

- Smart Address Bar – Barra inteligente, similar a la de Firefox / Safari / Chrome, que nos da resultados tanto de favoritos, como de páginas anteriormente visitadas.

- Web Slices – Quizás la características más interesante; permite añadir a los favoritos "trozos" o partes de páginas web en vez de la página entera, pudiendo consultar ese trozo concreto sin necesidad de cargar la página.

- Pestañas independientes - Si una pestaña se cuelga no afectaría a otra.

- Aceleredares - se aproxima a los servicios web tan de moda últimamente, y permiten añadir al menú contextual enlaces relevantes para añadir páginas a tu blog, subir fotos a algún servicio de hospedaje o, en definitiva, añadir cualquier modo de interacción entre páginas.

- InPrivate - Esta funcion te permite navegar sin dejar huellas ( historiales, contraseñas,etc)

En fin vale la pena actualizar a nuestro navegador.

DESCARGAR INTERNET EXPLORER 8

Gamezine Blogger Template

2009-03-19T08:30:00.000-07:00

Esta es también la plantilla de Blogger convertido por Cahaya y se convirtió en tema wp blogger. Es una profesional plantilla de 3 columnas del juego blogsand gomaing nicho, pero si sabes poco de personalización de lo que se pueden personalizar es muy facil. Este template tiene algunas características increíbles como el ajuste automático de imagen en posición posterior, Glider Contenido. Tiene buena imagen y de vídeo de cabecera de diapositivas opción. Han probado este blogger plantilla en Opera 9.0, Internet Explorer 6, Firefox y Mozila estaba trabajando bien en todos los navegadores...

Demo | Download

Mostrar mensajes como titulares en Blogger

2009-03-19T07:06:00.000-07:00

¿Te gusta la forma en canales de noticias de pantalla en movimiento titulares? Si la respuesta es sí, entonces usted debe comprobar este widget . Este truco blogger muestra los últimos post como titulares.

Cómo agregar este widget de Noticias en tu blog

Copie el siguiente código a un nuevo HTML / JavaScript gadget en la sección de diseño.

<script style="" src="http://sistemasmen.googlepages.com/headline.js"> </script><script style=""> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://TUBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"> </script>

Se puede configuara este widget de la siguiente manera:

var nMaxPosts = 15, - Este código establece el no de los puestos de este widget.

var sBgColor; - Si desea que el color de fondo a continuación, cambie este código para sBgColor sBgColor= grey;

var nWidth; - Modificar el código para cambiar el ancho de nWidth var = 100px;

nScrollDelay var = 175; - Este código se usa para fijar la velocidad de desplazamiento. No el menor, el aumento de la velocidad de desplazamiento.

var sBulletChar ="»»"; - Este punto aparece antes de cada puesto de enlace en este widget. Puede sustituir a cualquier otro punto.

http://TUBLOG.blogspot.com - Reemplace este código por su dirección del blog.