Hacktime™

Lacrax es una lacra!!! es una basura

2008-08-25T10:15:00.003-05:00

Como bien dice el titulo, Lacrax es una Lacra, una persona en la que nadie debe confiar, desde aqui les mando una noticia que nos ha pasado.

Lacrax se ha valido de nuestra confianza y oportunidad que le dimos para que fuera un escritor invitado y ha utilizado nuestro blog para poder promocionar el suyo...

Hace un par de dias que estaba activada una alerta en el blog donde decia que nos habiamos mudado a una nueva direccion, la cual no mencionare por que no considero necesario hacerlo, de todas formas es una de las peores paginas que hay de este tipo.

Tambien algo que encuentro raro es que desde que lacrax es escritor invitado en trucosblogger.com, la pagina es redirigida a su pagina... aparte de usar (seguro lo copio sin permiso, la plantilla de kurodestu el diseñador de el theme de trucosblogger y cambio los links de que EL había hecho esa plantilla) este muchacho si que es un ladrón de primera, no se que se cree un hacker o q? por que no llega ni a un blogger...

No se que se cree, que se puede valer de todo nuestro esfuerzo que hemos puesto en nuestros blogs, y luego entrar como blog invitado y hacerse publicidad, copiarnos las plantillas, quitarnos a nuestras visitas que poco a poco nos han ido conociendo...???

Desde acá un grito a todos los bloggers que Lacrax es una basura...!!!

Estrenando PR!! gracias a todos

2008-05-10T19:21:00.002-05:00

Hoy por la tarde me enterado de una noticia muy agradable para mi, me encuentro con que este blog ha alcanzado el PR 4!!!

Solo me queda agradecerles a todos los que po alguna u otra forma han llegado a este blog, y a todos los que alguna vez me han mencionado en sus escritos. Gracias!!! espero seguir con mas hacks, ustedes entenderan que uno no vive de esto. :P

Lytebox, crea efectos muy buenos

2008-04-22T09:53:00.007-05:00

Este tipo de hacks son los que mas me gustan, los que hacen que tu blog cobre un aspecto de página web con unos efectos, que si bien osn faciles de aplicar, hacen ver muy bien tu blog.

Se trata de lytebox, un JS el cual permite mostrar diversidad de archivos en una ventana nueva, pero no del navegador, sino en tu mismo blog.

Para poder usarlo en nuestro blog tendremos primero que poner los archivos en el codigo de nuestra plantilla, asi que vamos a Plantilla - - - > y justo antes de </head> colocamos este codigo:

<script type="text/javascript" src="http://correo.yaju.googlepages.com/lytebox.js"></script>
<link rel="stylesheet" href="http://correo.yaju.googlepages.com/lytebox.css" type="text/css" />

Una vez colocado el codigo, guardamos la plantilla y estará listo para usarse; para poder aplicar el efecto tendremos que colocar este codigo cada ves que querramos usarlo:

<a href="aqui la url de la imagen" rel="lytebox" title="aqui un texto junto a la imagen">aqui un enlace o thumbnail</a>

No olvides cambiar el texto junto a la imagen, si bien no quieres ningun texto solo lo dejas en blanco.

Tambien podremos usarlo para abrir una página web o un archivo:

<a href="URL_pagina" rel="lyteframe" rev="width:anchopx; height:altopx; scrolling:no;">
aqui un enalce o thumbnail
</a>

NO olviden cmabiar los valores de los pixeles ancho y alto

Ahora un par de ejemplos:
Imagen:

click para ver una imagen

Pagina en html:

Click para ver sitio en html

Bueno eso es todo, algun problema comenten.

Expander y contraer (otra forma)

2008-04-20T13:36:00.009-05:00

De vuelta a los hacks.

Este hack es muy fácil de implementar en nuestro blog y lo mejor de todo es que nunca fallará ya que no requiere ningun archivo, todo es mediante JS.

Lo primero que tendremos que hacer es ir a nuestra plantilla y añadir justo antes de </head> el siguiente codigo:

<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>

Como verán no contiene ningun archiv así que nunca habra problemas con el ancho de banda ni nada por el estilo.

Despues de eso nos iremos a la parte donde queramos poner este efecto y agregaremos este codigo cada ves que lo queramos implementar en cualquier parte del blog:

<a onclick="return verocultar(this);"href="javascript:void(0);">aqui un enlace o una imagen</a><div style="display: none;">
aqui lo que quieres ocultar
</div>

Asi de fácil es tener este hack en nuestro blog, el único problema que encuentro es que al parecer no funciona si tenemos implementados otros javascripts en nuestra plantilla. Culquier cosa comenten este post :)

Hacktime, vive!!!

2008-02-11T15:14:00.000-06:00

Ufff, como se pasa el timepo de rápido, hace ya un mes un días que no actualizo el blog, espero me sepan perdonartods pero la verdad es que la escuela había estado muy pesada, pero ahora si puedo decirles "Ya volvi", y desde hoy dia 11 de febrero de 2008 queda reinaugurado Hacktime. ;)

Así que a darle duro con lo hacks que se nos han juntado muhos, saludos a todos y espero se vuelvan a dar uan vuelta por aqui.

Adsensemeter

2008-01-02T14:09:00.000-06:00

Que tal, primero que nada quiero desearles ¡Feliz año nuevo!, ya es el 2008, pero como pasa el tiempo verdad. Pero bueno hay que seguir trabajando.

Hoy lo que les mostrare no será un hack ni nada por el estilo, hoy hablaré de una página que he encotrado recientemente y que creo que a muchos de ustedes les agradará, se trata de una web con la cual podemos saber cuanto gana una página cona dsense.

Con esta web no solo se darán cuenta de que youtube esta ganando alrededor de 40,000,000 de dolares mensuales y que su blog ni siquiera llega a tener datos, si no que podrán investigar cuanto puede llegar a ganar un buen blog, asi podrán poner en sus propositos de año nuevo un numero de visitas con las cuales ustedes podrán darse cuenta de cuanto podrían ganar con su blog.

Espero les agrade la página, un saludo y que se cumplan todos sus propósitos

Propiedades de CSS (Hojas de Estilo en Cascada)

2007-12-20T19:00:00.002-06:00

Las hojas de estilo requieren un estudio más profundo y, seguramente, serán parte de algún otro tutorial, por ahora, veamos un resumen de las propiedades que podemos incluir.

font-size establece el tamaño del texto en puntos (pt), pulgadas (in), centímetros (cm), o pixeles (px)

{font-size: 12pt;}
{font-size: 1in;}
{font-size: 5cm;}
{font-size: 24px;}

font-family establece la fuente del texto. Se pueden especificar una o varias fuentes alternativas:

{font-family: Arial;}
{font-family: Arial, Helvetica;}
{font-family: Arial, Helvetica, sans-serif;}
{font-family: "Courier New";}

font-weight establece el espesor de la fuente (extra-light, light, demi-light, medium, demi-bold, bold, y extra-bold) y dependen en las fuentes:

{font-weight: medium;}
{font-weight: bold;}

font-style establece la fuente como cursiva:

{font-style: italic;}

font-variant establece una variante de la fuente. Puede ser normal y small-caps (letras minúsculas similares a mayúsculas, pero más pequeñas):

{font-style: small-caps;}

line-height establece la separación entre líneas, que se puede expresar en puntos (pt), pulgadas (in), centímetros (cm), pixels (px) o porcentaje (%):

{line-height: 20pt}
{line-height: 150%}

color establece el color del texto de acuerdo con su valor hexadecimal o usando los nombres de colores:

{color: #33CC00}
{color: red}

background destaca secciones de una página, estableciendo un color o una imagen de fondo:

{background: red;}
{background: #6633FF;}
{background: URL(URLimagen);}

background-color color del fondo en formato hexadecimal o transparent (sin valor):

{background-color: #FF00000;}

background-image especifica la imagen de fondo o none (ninguna):

{background-image: url(URLimagen);}
{background-image: none;}

background-repeat indica si la imagen de fondo se repite y cómo lo hace. Los valores pueden ser repeat, repeat-x, repeat-y y no-repeat:

{background-repeat: no-repeat;}

background-attachment indica si la imagen de fondo está fija (fixed) o no (scroll):

{background-attachment: fixed;}

background-position indica la posición inicial de la imagen de fondo:

{background-position: left;}

word-spacing establece la separación entre caracteres. Puede tomar el valor normal o una longitud que se añade al valor normal. Puede ser un valor negativo:

{word-spacing: 1em;}

letter-spacing igual que el caso anterior:

{letter-spacing: 1cm;}

line-height establece la distancia entre las líneas de base de dos líneas sucesivas. Puede ser normal, un número, una longitud o un porcentaje del tamaño de la fuente del elemento:

{line-height: 1.2em;}

text-decoration permite remarcar el texto. Los valores soportados son underline (subrayado), line-through (tachado), none (ninguno) e italic (cursiva):

{text-decoration: underline}
{text-decoration: line-through}

text-align permite justificar los elementos HTML a la izquierda, al centro o a la derecha:

{text-align: left}
{text-align: center}
{text-align: right}

text-indent provoca una indentación del texto. Se puede expresar en puntos, pulgadas, centímetros o pixels:

{text-indent: 0.5cm;}

text-transform puede ser capitalize (la primera letra de cada palabra en mayúsculas), uppercase (todo en mayúsculas), lowercase (todo en minúsculas) y none (neutraliza todo):

{text-transform: uppercase;}

vertical-align establece la alineación vertical de un elemento en línea y puede ser baseline, sub, super, top, text-top, middle, bottom, text-bottom, o un porcentaje:

{vertical-align: middle;}

margin margin-left margin-right margin-botton margin-top establecen los márgenes. Se pueden especificar en puntos, pulgadas (inches), centímetros o pixeles (se pueden usar valores negativos). Con margin se engloban las cuatro propiedades con cuatro valores (top, right, bottom, left):

{margin: 10px 20px 5px 15px;}
{margin-left: 0.5in;}
{margin-right: 0.5in;}
{margin-top: 1in}

padding padding-top padding-right padding-bottom padding-left establecen el relleno y sus valores son similares a margin excepto que no pueden tomar valores negativos:

{padding: 10px 20px 5px 15px;}
{padding-left: 0.5in;}
{padding-right: 0.5in;}
{padding-top: 1in;}

border-width border-top-width border-right-width border-bottom-width border-left-width establece el ancho del borde y puede ser thin (delgado), medium (mediano), thick (grueso) o una longitud. Con border-width se especifican los cuatro simultánemante:

{border-width: 1px 2px;}

border-color establece el color del borde:

{border-color: red;}

border-style indica el estilo de los cuatro bordes y ser none (ninguno), dotted (punteado), dashed (a trazos), solid (continuo), double (doble), groove (canal), ridge (cresta), inset (bajorrelieve), o outset (altorrelieve):

{border-style : inset;}

border-top border-right border-bottom border-left establece las propiedades de cada borde (ancho, color, estilo):

{border-top : 3px #000 dashed;}
{border-bottom : 3px #000 dashed;}
{border-right : 3px #000 double;}
{border-left : 3px #000 double;}

border es un resumen de todas las propiedades para los cuatro bordes (ancho, color, estilo):

{border: 3px black double}

width especifica el ancho. Puede ser auto, una longitud, o un porcentaje del elemento padre:

{width: 100px;}

height especifica el alto. Puede ser auto, una longitud, o un porcentaje del elemento padre:

{height: 100px;}

float indica que un elemento flota a la izquierda (left), a la derecha (right) o que no es un objeto flotante (none):

{float: right;}

clear indica si un elemento puede tener objetos flotantes a sus lados. Con clear el elemento se mueve hacia abajo hasta quedar debajo del objeto que flota. Con clear:both no se permite que haya un objeto flotante a ningún lado y con clear:none se permiten objetos flotantes a ambos lados:

{clear: both;}

display indica si un elemento es en bloque (block), en línea (inline), si es un objeto de lista (list-item) o si no debe ser representado (none):

{display: block;}

white-space establece cómo tratar a los espacios contenidos en un elemento en bloque. Con el valor normal, varios espacios seguidos se convierten en uno solo. Con el valor pre se comportan como si utilizarámos la etiqueta PRE (se conservan los espacios). Con el valor nowrap sólo se producen saltos de línea donde haya etiquetas BR:

{white-space: nowrap;}

list-style-type establece el estilo de numeración de la lista. Puede ser: disc (un círculo relleno), circle (un círculo hueco), square (un cuadrado), decimal (números), lower-roman (números romanos en minúscula), upper-roman (números romanos en mayúscula), lower-alpha (letras minúsculas), upper-alpha (letras mayúsculas) o none (ningún marcador):

{list-style-type: disk;}

list-style-image es una variante de list-style-type que se utiliza cuando se quiere tener una imagen personalizada:

{list-style-image: url(URLimagen);}

list-style-position indica dónde se coloca el marcador y puede tomar los valores inside (interior) y outside (exterior):

{list-style-position: inside;}

list-style resume todas las anteriores (tipo, posición, margen):

{list-style: url(URLimagen) circle;}

Los Secretos de Google AdSense

2007-12-14T11:58:00.000-06:00

Seguramente han ya oido hablar del famoso libro de Joel Comm, el cual se titula "Lo que Google no le ha explicado sobre cómo ganar dinero con AdSense."

Este libro se supone es el mejor en lo que respecta a mejorar las ganancias con adsese de google, asi que me he tomado la libertad de buscarlo en la web y ya que ustedes tambien supongo lo querran, se los compratire, pero ya que en la ley esta estipulado que eso no se puede hacer, pasare la web donde los he encontrado.

Este libro nos muestra inumerables consejos, practicas, ejemplos sobre como poder obtener mas ganacias a traves de adsense, espero se den el tiempo para leerlo, y ojala y les guste.

Asi que si llegan a ganar miles de dolares con este libro, no estaria mal una pequeña recompensa para mi. :)

Pondre 2 mirrors, que he sacado de webs diferentes, para que lo descargen, en ambos esta completo, gracias a jilata-eliass.blogspot.com ( de esta web lo he sacado, y me he descargado los dos mirrors y funcionan perfectamente.

Mirror 1

Mirror 2

Un saludo, y espero les agrade el libro.

Y llegamos a los 200 días!!!

2007-12-10T16:37:00.001-06:00

Hola a todos, hace ya varios dias que no había estado por aqui, y hoy que me encuentro con una muy gran sorpresa, hemos llegado a los 200 dias de vida!!!, pero como corre el tiempo, en verdad que no me habria imaginado llegar tan lejos con este blog. :)

Asi que solo me queda darles las gracias a todos y a cada uno de ustedes, bloggers, lectores, escritores y todo tipo de visitantes que se dan el tiempo de pasar a leer mi blog cada vez que pueden y quieren, por que gracias a ustedes, seguimos aqui, y poco a poco creciendo.

Espero ahora que han acabado mis examenes (sali bien, para el que quiera saber ;)) seguir posteando casi diariamente, y mas adelante les mostrare varias sorpresas en el blog.:P

Lo que hare ahora sera, una lista para todo blogger con 25 puntos, en la cual mencionare varios tips y consejos para poder crear un gran blog, espero les guste.

Segun la calidad es la popularidad, asi que trata de escribir lo mejor posible
No cuentes cuantas visitas has tenido, sino a cuantas personas has ayudado
Olvidate del adsense, por que sin visitas no hay ganancias
Preocupate por tener un blog diferente a los demas
Se original
No copies posts de otros blog
Da referencias de otras paginas
No te metas en líos con otros blogs
No hagas SPAM en otros blogs, por que algun dia lo haran en el tuyo
Se constante con tu blog ( no lo dejes a un lado como yo :P)
Los escritos largos son aburridos, recuerdalo
Haz amistades entre bloggers
Consigue enlaces en bastantes páginas
Date a conocer
Las imagenes son atractivas, utilizalas cada vez que puedas
Tu nombre cuenta, has popular tu blog
Trata de ser lo mas concreto en los escritos para que sean faciles de entender
Utiliza los bookmarks
No uses letra muy pequeña en tu blog, los visitantes se irán rapidamente
No llenes de publicidad tu blog, preocupate por eso mas adelante
Sientete bien con lo que haces, no lo hagas por compromiso
Comenta en cada blog que visites
Recuerda poner tu blog en Google
Haz un blogroll
Y por ultimo un consejo:

No piensen en lo que los demas bloggers les pueden dar a ustedes, sino en lo que ustedes pueden aportar a ellos.

Un saludo a todos y espero los siga viendo por aqui

Ultima Actualizacion del blog en un boton

2007-12-01T22:11:00.003-06:00

Este post salido de mi blog es un simple hack que te dira la fecha , el dia y la hora que ha sido actualizado el blog.A continuacion el codigo y el ejemplo(no solo funciona en blogger sino que en cualquier lugar):

Vista Previa:

Ultima Actualizacion

Eso es todo , muchas gracias y por favor comenten

Arcoiris en tus enlaces

2007-11-26T14:11:00.000-06:00

Este hack fue mandado por LA BLOGUERIA (exelte blog, extremadamente recomendable para todo blogger) a traves de la forma de contacto me ha llegado al mail, agradezco infinitamente su apoyo y espero poder seguir contando con el y su gran blog.

Este hack sirve para que tus enlaces se llenen de color, ya que cuando pasemos el cursor por encima de los enlaces estos cambiaran de color, este hack aplica en todos los enlaces de tu blog.

Este hack lo pueden ver aplicado en mi blog de prueba ( un poco desastrozo ;), si pasan el cursor sobre los enlaces veran el efecto. Y es muy facil de hacer, para poder tener este truco en tu blog, solo tienes que ir a Plantilla----->editar HTML y justo antes de </head> pegan este codigo:

<script src="http://correo.yaju.googlepages.com/rainbow.js"></script>

Y eso es todo, solo guargen los cambio y verán el efecto en todos sus enlaces.

Nuevamente un gran agradecimiento a LA BLOGUERIA , gracias por todo :)

Se parte de Hacktime

2007-11-24T22:29:00.000-06:00

Hola a todos, soy Alejandro comunmente conocido como Hacktime, hoy vengo a hacerles una propuesta. Estoy buscando bloggers que me ayuden con el blog.

Debido al poco tiempo que tengo para postear ( y de que no vivo de esto ) me veo obligado a pedirles su ayuda, si alguna persona cualquiera que sea, esta dispuesta a aportar algo ( no importa la cantidad ) al blog, por favor solo mandeme un mail a traves del botón de contacto y yo les respondere.

Un saludo a todos y perdone las molestias ;)

Flecha de "Ir arriba"

2007-11-17T20:07:00.000-06:00

Como veran he puesto una flecha en la parte de la derecha de mi blog con la cual podran ir arriba en cualquier instante, este hack fue pedido por mail y se junto con la publicacion de Cesar asi que tambien dejare su enlace.

Para poder tener la flacha en su blog solo tendrán que ir a Plantilla----->Editar HTML----->Expandir artilugios----->y buscamos este codigo </body> , justo antes colocaremos este otro código:

<a href='#'><img alt='ir arriba' border='0' src='url de la imagen' style='position:fixed; bottom:0; right:0;'/></a>

En ese codigo se puede cmabiar la parte que dice ir arriba, por cualquier otra frase o palabra que quieran que sea mostrada cuando el cursor para sobre la imagen. tendran que cambiar donde dice URL de la imagen por la direccion de la imagen que quieran poner.

Slaudos

Enlace: Blog de Cesar

Crear reflejo de una imagen con un script

2007-11-08T17:30:00.000-06:00

Este hack lo he sacado del uno de mis blogs favoritos de hacks, el blog de cesar, en esta ocasion les enseñare como crear el reflejo de una imagen con un script facil de usar.

Con tansolo agregar un pequeño codigo en la plantilla, y otro en el lugar donde vayamos a poner la imagen, esta generara automaticamente un reflejo bajo ella.

Lo primero que tenemos que hacer, es agregar el sig. codigo en Plantilla----->Edicion HTML----->justo antes de </head> lo pegamos:

<script src='http://correo.yaju.googlepages.com/reflection.js' type='text/javascript'></script>

Despues guardamos los cambios y nos vamos al lugar donde queremos agregar la imagen, como por ejemplo en un post. Ahi solo tendremos que agregar este otro codigo:

<img src="URL de la imagen" class="reflect"/>

Y ya esta, asi de fácil hemos creado un reflejo de una imagen, sin necesidad de estar editandolas con Photoshop.

Sonowebs

2007-11-01T13:13:00.000-06:00

Tal vez no se hayan dado cuenta, pero he puesto en el blog una aplicación que me parecio interesante. Se trata de Sonowebs, una página la cual nos permite, tener una "voz" la cual "hable" nuestros escritos, solo con agregar un codigo en enuestra plantilla.

Si ustedes quieren tener este reproductor el cual "hable" sus escritos, solo tienen que agregar un codigo en su plantilla.

Nos vamos a Pantilla----->Editar HTML----- Expandimos artilugios, y buscamos este código:

<div class='post-footer'>

Inmediatamente antes pegamos este otro código:

<div id='speech'>
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0'
height='20' width='232'>
<param name='flash_component' value='ImageViewer.swc'/>
<param name='movie' value='http://www.sonowebs.com/tts.swf'/>
<param name='quality' value='high'/>
<param expr:value='"blogger=1&lang=es&blogurl=" +
data:blog.homepageUrl + "&posttime=" + data:post.timestampISO8601'
name='FlashVars'/>
<embed expr:flashvars='"blogger=1&lang=es&blogurl=" +
data:blog.homepageUrl + "&posttime=" + data:post.timestampISO8601'
height='20' quality='high' src='http://www.sonowebs.com/tts.swf'
width='232'/>
</object><br/>
</div>

Y eso es todo, solo guardamos los cambios y tendremos a "alguien" hablando nuestros escritos.

Saludos

Script para mostrar un post al azar

2007-10-27T21:09:00.000-05:00

Primero que nada me disculpo con todos los visitantes, pero no he estado en mi casa ya que tuve un pequeño accidente y tenia problemas al estar varias horas trabajando.

Lo que hoy les mostraré será un script con el cual podrás poner un boton o un enlace a un post random en tu blog.

Es muy fácil aplicarlo. Primero nos vamosa nuestra Plantilla y buscamos </head>, justo antes colocaremos este codigo:

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://hacktime.blogspot.com";

function randomPost() {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=
1&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};

function getTotalPostsCallback(json) {
var totalResults = json.feed.openSearch$totalResults.$t;
if (totalResults > 0) {
getRandomPostNumber(totalResults);
}

};

function getRandomPostNumber(totalResults) {
var randomNumber = Math.floor((Math.random() * totalResults) + 1);
getRandomUrl(randomNumber);
};

function getRandomUrl(randomNumber) {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTheUrlCallback(json) {
var theUrl = json.feed.entry[0].link[0].href;
window.location.href = theUrl;
}
//]]>
</script>

Ahí solo cambiaremos la url que dice http://hacktime.blogspot.com por la de su blog.

Despues de eso nos iremos a Pantilla agregar Nuevo Elemento HTML / JAVASCRIPT, y agregamos este otro código:

<a href="javascript:randomPost();">Ver post al azar</a>

En este codigo pueden cambiar la frase "Ver post al azar" por cualquiera, incluso podemos usar un pequeño icono o imagen, es lo mismo.

Hack de | Purple moggy
Visto en | El escaparate de rosa

Youtube, hackeado¿?

2007-10-14T13:26:00.000-05:00

Esta noticia es de ultimo minuto, tratando de entrar a una de mis pagians preferidas, youtube.com, me encuentro con esto:

Click en la imagen para hacerla mas grande

Sera que youtube fue hackeado, o simplemente un error de los servidores de youtube, en fin, creo que estamos viendo como cae un grande del internet.

Script para los ultimos posts

2007-10-13T11:57:00.001-05:00

Como veran en este blog, he implementado un script para poder ver los ultimos post opublicados, con la fecha y una descripcion breve y el (leer mas).

Es muy facil tenerlo en tu blog, solo tienes que irte a:

Plantilla----->Añadir nuevo elemento HTML, y colocaras este código:

<script src="http://correo.yaju.googlepages.com/ultimosposts.js"></script>
<script language="javascript">
var numposts = 25;
var showpostdate = true;
var showpostsummary = true;
var numchars = 120;
var autoestilo = false;
var todoespacio = true;
var todolist = true;
var tododesplaza = true;
var todovelocidad = 2;
var todoaltura = 200;
</script>
<script src="http://tu blog.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Eso es todo, solo cambien donde dice "http://tu blog.blogspot.com" y eso es todo.

Original de: Beautifulbeta
Visto en: Elescaparatederosa
Modificado por: Todo links
Hackeado por: HACKTIME

En este link podemos ver todas las variables que podemos alterar en el script, pero yo les recomiendo dejarlo asi si no sabe mucho de los scripts.

Exelente creador de menus

2007-10-10T17:30:00.000-05:00

Vagando por la web, me encuentro con esta pagina la cual es perfecta para pode hacer menus muy buenos, con exelentes diseños y acabados, y lo mejor de todo es que son facilisimos de configurar. El unico problema que le encuentro es que nosotros mismos tenemos que subir las imagenes a un servidor, de spues de descargarlas de su sitio.

La pagina se llama Cssmenumaker.com, en esa pagina, podremos elegir entre varios diseños de menus, ya sean horizontales, o verticales.

Con unos cuantos datos que agregemos, ya estaran listos nuestros menus, solo nos pediran:

Numero de enlaces
La url de los enlaces

Y eso es todo, la paigna configura todo, y al final nos da dos codigos:

El primer codigo (CSS Code) lo tendremos que agregar antes de ]]></b:skin>,(en la Plantilla en edicion HTML) es el codigo que dice CSS Code, es el segundo que se muestra en la pagina. recuerden que en este codigo tenemos que modificar la URL de la imagenes que nosotros hayamos subido a nuestro servidor.

Despues el segundo codigo que agregaremos, es el primero que sale en la pagina (HTML Code) sera agregado, en Plantilla->agregar Nuevo elemento, y ahi pegan el codigo HTML Code.

Eso es todo, es una forma rapida y muy efectiva de crear sus menus.

Enlaces punteados

2007-10-07T21:52:00.000-05:00

Este hack lo he implementado en mi blog, ya que me he dado cuenta que los enlaces se ven feos cuando pasamos el puntero sobre ellos, ya que se ven puntos alrededor.

Para quitar estos feos puntos, lo unico que tendremos que hacer, sera esto:

Irnos a Plantilla---->y buscamos este codigo:

</b:skin>

Y justo antes colocamos este otro:

a {
outline:none;
}

Eso es todo, es asi de facil.

Visto en El rastreador que a su vez lo saco de Gemablog

Cambiar el cursor al pasar por un link o imagen

2007-10-07T15:49:00.000-05:00

Este truco, la verdad no le encuentro el uso, pero habra gente que le guste aplicarlo en su blog.

Ejemplo:

Veran que al pasar el cursor por encima de la imagen, este cambiara a una cruz.

El truco es fácil.

Lo unico que tenemos que hacer, es esto. Ya que tenemos el codigo de la imagen agregada, como este:

<img src="la url de la imagen">

Solo tendremos que agregar el codigo en azul: (incluyendo el amarillo)

<img style="CURSOR: aqui-el-nombre-del-cursor-que-quieran" src="la url de la imagen">

Se puede agregar en un enlace tambien, cuando hacemos un enlace, el codigo nos queda asi:

<a href="aqui-la-url-del-enlace">aqui el texto</a>

Solo tendriamos que agregar el codigo en azul: (incluyendo el amarillo)

<a style="CURSOR: aqui-el-nombre-del-cursor-que-quieran" href="aqui-la-url-del-enlace">aqui el texto</a>

Los nombres de los tipos de cursores que podemos agregar son estos: (pasen el cursor encima de la palabra para ver su efecto)

default
crosshair
hand
move
nw-resize
ne-resize
n-resize
e-resize
help
text
wait

Eso es todo. Suerte

Visto en: ciberadictos

Emailmeform

2007-10-06T12:42:00.000-05:00

Pues, una persona (la cual me dijo que no diera su nombre, por que, no lo se) me pidio que publicara la forma en que hice el metodo de contacto que esta arriba (con un boton que dice "Contacto"), mediate un boton se abre una pagina nueva con la cual ustedes me pueden madar mails, y la respuesta es facil.

Yo no lo hice, lo he sacado de esta pagina , en la cual puedes diseñar tus formas, poner o quitar lineas, etc, con las cuales te pueden contactar tus visitantes o para cualquier uso.

La pagina se llama Emailmeform y solo tarda unos segundos el registro con el cual tendras derecho a hacer 5 formas, si deseas hacer mas de 5 tendras que dar un pago a cambio.

Imagen que se muestra mientras se carga el blog

2007-10-03T13:19:00.000-05:00

Imagen muestra

Pues este en un nuevo hack que he implementado en mi blog, espero que les funcione ya que da muy buena vista al blog.

Lo primero que tenemos que hacer es irnos a:

Plantilla----->Editar HTML------>y justo antes de </head> colocamos este codigo:

<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById("imgLOAD").style.display="none";
}
</script>

Despues guardamos los cambios y nos dirigimos a:

Agregar nuevo elemento en plantilla HTML/Javascript y agregamos este otro codigo: (en cualquier parte donde quieran que aparezca la imagen)

<div id="imgLOAD" style="text-align:center;">
<img src="URL DE LA IMAGEN"/>< </div>

No olviden cambiar la ULR de la imagen ( aqui para los principiantes ).

En esta pagina hay muy buenas imagens que podemos colocar, pero claro tenemos al gran google que simpre nos trae mas y mas variadas imagenes.

Visto en : Cabalas virtuales

Como modificar tamaño de imágenes con HTML

2007-10-02T15:11:00.000-05:00

Pues esta fue una de la interrogantes mas grandes que yo tuve al iniciarme en esto de los blogs, como poder cambiarle el tamaño a las imagenes mediante codigo HTML.

La verdad es muy facil y he aqui la explicacion:

Cuando vamos a subir imagenes al blog, nos aparece una ventanita asi:

Es la parte de la derecha abajo hay tres opciones para modifiar el tamaño de la imagen que estemos subiendo pero aveces quedan de un tamaño raro, con el cual no se ven bien las imagenes, entonces lo que podemos hacer es editarlo en el codigo HTML.

Cuando subimos la imagen, nos vamos a Edicion HTML al lado de redactar y nos aparecera un codigo un poco largo, el cual trataremos que quede como abajo, borrando todo lo demas para que quede masomenos asi:

<img src="Aqui la url de la imagen">

Despues lo que haremos sera agregar el codigo que vemos en color azul abajo:

<img src="Aqui la url de la imagen" border="0" height="0" width="0">

Lo que estamos haciendo ahi es editar su altura con los valores de height="0", los valores de el ancho con width="0" y los valores del borde de la imagen con border="0". Los numeros son pixeles.

Espero que les sirva este pequeño truco.

Visto en: Gemablog

Localizar de forma fácil un código en la plantilla

2007-10-01T18:02:00.000-05:00

Ya sabran que es un poco desgastante andas buscando linea por linea un codigo en la plantilla, cuando queremos hacer un hack, por eso les traigo aqui un pequeño "truco" que nos facilitara este trabajo.

SI estas usando firefox, lo unico que tendras que hacer para poder ubicar un codigo en la plnatilla, sera apretar CTRL + F,, te saldra una ventanita algo asi como la imagen:

Esta en rojo por que no encontro el texto en al pagina, se pondra verde cuando encuentre alguna coincidencia en el texto que estas buscando.

Solo tendras que escribir adentro el codigo que estas buscando y con un solo lcik lo encontrara en toda la pagina.

En IE (internet explorer) es lo mismo solo que te sale una ventana como esta:

Y es asi de fail encontrar un codigo en cualquie parte de la plantilla.

Mostrando el rastro de las paginas

2007-10-01T08:10:00.000-05:00

Pues como veran en mi blog, he implementado este hack, el cual nos dice de donde venimos, osea un rastro de la pagina, como podfemos ver en la imagen arriba.

Es un hack con dificultad media ya que si editamos un punto nos sale error, asi que si lo van a intentar en su blog, les recominedo guarden todo el codigo de su plantilla primero, por cual quier error, la puedan recuperar.

Empezemos.

Primero, nos tenemos que ir a:

Plantilla----->Expandir artilugios----->y el primer codigo que buscaremos sera este:

<b:includable id='main' var='top'>

Inmediatamente arriba colocaran este otro:

<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Estas en:
<a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
</b:includable>

Despues buscaremos este otro codigo:

<b:if cond='data:post.dateHeader'>

Y justo encima colocaremos este otro:

<b:include data='post' name='breadcrumbs'/>

Por ultimo colocaremos el siguiente codigo justo antes de ]]></b:skin>

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

Y eso es todo, solo guarden los cambio y veran este hack en su blog.

NOTA: Recuerden siempre que vayan a intentar un hack como este tener una copia de seguridad del codigo completo de su plantilla.

Visto en: Elescaparatederosa

Imprimir pagina

2007-09-27T16:24:00.000-05:00

Esta es solo una imagen, no imprime nada :)

Este en un hack que he descubierto yo solo y sin querer, ya que estaba observando codigos de otras plantillas de paginas profesionales me encotre con un par de codigos que puse inmediatamente en mi blog de prueba (no les recomiendo que lo vean esta muy sucio y lleno de cosas, ;)), los cuales resultaron ser los codigos para imprimir la pagina.

Como pueden ver yo los he puesto arriba junto al titulo, tal vez un poco mas abajo.

Para poder tener ese codigos en tus posts, es muy facil.

Primero que nada te tienes que ir a:

Plantilla----->Editar HTML----> y vamos a expandir los artilugios, despues tenemos dos opciones:

1.- Agregar los codigos en la parte superior como esta en este blog.

2.-Ponerlo abajo, justo despues de que acabe el post.

1.-

Para el numero uno, tenemos que buscar este codigo:

<div class='post-header-line-1'/>

Y justo antes colocamos este otro codigo: (el codigo viene para que salga el icono que yo tengo en este blog, pueden cambiarlo por otra iagen o por una palabra)

<div align='right'> <a href='javascript:print()'><img src='http://correo.yaju.googlepages.com/imprimir.gif'/></a></div>

Tambien podemos cambiar la posicion (derecha , izquierda) cambiando donde dice "right. Y asi acaba la forma del numero uno.

2.-

Para poner el boton justo abajo de que acaba el post, tenemos que buscar este otro codigo en nuestra plantilla, como lo habiamos hecho con el numero 1:

<p class='post-footer-line post-footer-line-3'/>

Y justo antes colocamos este otro codigo: (el codigo viene para que salga el icono que yo tengo en este blog, pueden cambiarlo por otra iagen o por una palabra)

<div align='right'> <a href='javascript:print()'><img src='http://correo.yaju.googlepages.com/imprimir.gif'/></a></div>

Tambien podemos cambiar la posicion (derecha , izquierda) cambiando donde dice "right. Y asi acaba la forma del numero dos.

Espero les sirva ya que en ningun blog de hacks que yo conozco enseña este truco.

Imagenes que se amplian con un clik

2007-09-27T15:00:00.000-05:00

Este truco es muy bueno en cuanto a que da muy buena presentacion al blog, ya que sirve para poder ver imagenes en miniatura las cuales se agrandan al darles click, y la cuales se cierran cuando das click sobre ellas.

Ejemplo:

Solo tienen que hacer dos cosas, una es, primero te vas a:

Plantilla---->Editar HTML-----> y justo antes de </head> colocas este codigo:

<link href='http://correo.yaju.googlepages.com/thumbnailviewer.css'/>
<script src='http://correo.yaju.googlepages.com/thumbnailviewer.js' type='text/javascript'>
</script>

Despues guardas los cambios y te vas a cualquier lugar donde quieras colocar la imagen o imagenes y colocas este otro codigo:

<p><a href="URL de foto" rel="thumbnail" title="Esto sale abajo de la foto">
<img src="URL de foto" style="width: 85px; height: 125px" /></a></p>

En este codigo se cambia el tamaño de la imagen en pequeño donde dice 85 px y 125 px. Si quieres que la imagen en miniatura se vea mas grande solo aumenta los pixeles.
No olvides poner la URL de la imagen dos veces en el codigo, y cambiar donde dice "Esto sale abajo de la foto" para que se vea bien la imagen.

Y eso es todo. Recuerden sus dudas me las pueden hacer saber mediante el boton de arriba que dice "Contacto"

Buen juego

2007-09-27T14:43:00.000-05:00

Click en al imagen para ir a la pagina

Pues hoy no les traigo un hack para blogger sino un estupendo juego que encontre mientras paseaba en la red.

Se llama Ramps y tiene 33 niveles, espero que les guste, y otra cosa he aqui los 3 codigos para desbloquear los 4 ultimos niveles:

youseemstarshaped - nivel 30

onefootinthegrave - nivel 31

theresnootherway - nivel 32

shakeappeal - nivel 33

Espero en estos dias ya empezar a postear diario, por favor no dejen de visitar el blog, que ya empezare a trabajar otravez.

Mostrar hasta 5 posts al azar

2007-09-21T15:38:00.001-05:00

Nuevamente he regresado y con muchos trucos que contar.

Hoy veremos la forma de como poder tener un script para mostrar hasta 5 posts al azar de nuestro ( o de cualquier ) blog.

Este no es un hack, pero es algo que muchos hemos estado buscando en la red. Solamente tenemos de ingresar a la web de Stuff a Blog , ahi ingresaremos la url de nuestro blog y en solo unos segundos, sin registro ni nada complicado, tendremos los posts aleatorios en nuestro blog.

Por supuesto se pueden mostrar las entradas de nuestro blog o las de otro, dependerá de la url que coloquemos.

Tambien tenemos que llenar algunas indicaciones como son:

En "Keyword" ponemos cualquier palabra la cual pensemos nosotros que se reprite muchas veces en nuestro blog.

En "Show Snippets" escogemos SI para mostrar además del título de los posts, parte de su contenido, o tambien podemos escoger NO si solo queremos mostrar el título de los posts.

En "Border" escogemos SI si queremos ver los posts dentro de una caja, o escoger NO para verlos sin borde.

En "Results" escogemos el número de entradas a mostrar, como limite son 5.

despues la pagina te proporcionara un codigo HTML, el cual tienes que pegar en tu sidebar como un nuevo elemento HTML/JAVASCRIPT, o hay otra forma mas rapida y facil la cual es dando click en el boton que dice "Add to blogger" e inmediatamente tendras el script en tu sidebar.

Es una muy buena opcion para los que no quieren andar editando codigos y todo lo que implica hacerlo.

Otro traductor

2007-09-04T13:13:00.000-05:00

He aqui el codigo de un nuevo traductor.

Es muy facil de ponerlo en tu blog, solo tienes que agregar en Plnatilla-----> Nuevo Elemento HTML---->agregas este codigo:

<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">

<input value="ES" name="wl_srclang" type="hidden"/>

<select style="font-size: 70%; width: 160px;" name="wl_trglang">

<option value="AR"/>Spanish to Arabic

<option value="ZH_CN"/>Spanish to Chinese (Simplified)

<option value="ZH_TW"/>Spanish to Chinese (Traditional)

<option value="NL"/>Spanish to Dutch

<option value="FR"/>Spanish to French

<option value="DE"/>Spanish to German

<option value="EL"/>Spanish to Greek

<option value="IT"/>Spanish to Italian

<option value="JA"/>Spanish to Japanese

<option value="KO"/>Spanish to Korean

<option value="PT"/>Spanish to Portuguese

<option value="RU"/>Spanish to Russian

<option value="EN"/>Spanish to English

<option value="SV"/>Spanish to Swedish

</select>

<input value="http://hacktime.blogspot.com/" name="wl_url" type="hidden"/>

<input style="font-size: 70%; width: 35px;" value="Go" type="submit"/>

</form>

Y para todos los que su blog no sea es español, este traductor, valga la rebundancia, traduce cualquier idioma, solo tendran que cambiar donde dice Spanish por el nombre de su idioma, el nombre no influye en nada solo es para dar buen aspecto al traductor.

Carol, esta es la respuesta a tu pregunta.

No olviden cambiar donde dice hacktime.blogspot.com por la url de su blog.

Nuevos ultimos comentarios

2007-09-04T12:28:00.000-05:00

Como ya hemos comprobado varios de nosotros, ya no sirven los feeds para los ultimos cometarios en blogger, oslamente se mustran quienes hicieron los comentarios, no en que post ni el link al post.

Para eso hay un truco muy facil de hacer.

Primero lo que tenemso que hacer es irnos a Plantilla----->Editar HTML----->y buscamos esto:

</head>

Y justo antes vamos a colocar este otro codigo:

<script src='http://leonelhack.googlepages.com/leonelhack.js' type='text/javascript'/>

Despues de esto nos vamos a ir a Plantilla----> Agregar nuevo elemento HTML, y vamos a agregar este otro codigo:

<br/><script language="javascript">
var numcomments = 10;
var numchars = 60;
</script>
<script src="http://NOMBRE_DEL_BLOG.blogspot.com/feeds/comments/default?start-index=2&
alt=json-in-script&callback=commentDisplay"></script>

Donde dice 10, es el numero de comentarios que quieres mostrar, se puede editar y donde dice 60 es el numero de letras que quieras que aparezcan por cada comentario, tambien se puede editar.

Espero que les funcione, ya que a mi si me esta funcionando.

Quitar el numero en las categorias

2007-09-03T19:42:00.000-05:00

Respondiendo preguntas:

¿Como se puede hacer para que no se muestren los numeros al lado de las catagorias?

Hay una manera muy facil de hacer esto.

Primero que nada hay que nombrar al elemento donde tenemos las etiquetas, es decir, en el elemento de la plantilla donde agregamos las etiquetas tenemos que ponerle un nombre. miren la imagen, ese es el nombre del elemento de las etiquetas.

Despues de que le hemos dado un nombre a las etiquetas, nos dirigimos a:

Plantilla-----> Editar HTML----->Expandir artilugios, despues vamos a buscar el nombre que le dieron al elemento de las etiquetas.

Una vez encontrado ese nombre, vamos a buscar casi debajo del nombre este codigo:

(<data:label.count/>)

Una vez localizado, solo lo borramos, verificamos que haya quedado bien en vista previa y eso es todo.

Compartir tus entradas

2007-08-27T17:22:00.000-05:00

A peticion de un amigo, Alejandro Cano dueño de blogtecno.com, aqui esta la forma de poner los plugins sociales para poder compartir tus entradas en meneame, technorati, deli.cio.us, digg, yahoo, promoting blogs, etc.

Lo unico que tenemos que hacer para poder compartir nuestros posts, es lo siguiente.

Se van a:

Plantilla-----> Editar HTML----->Expandir artilugios, y buscan este codigo:

<p class='post-footer-line post-footer-line-3'/>

Inmediatamente antes de ese codigo agremos este otro:

Compártelo: <a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Menéame'><img src='http://img181.imageshack.us/img181/3083/meneamehm7.gif'/></a> |

<a expr:href='"http://www.technorati.com/search/" + data:post.url' target='_blank' title='Technorati'><img src='http://img45.imageshack.us/img45/5606/technoratiiy1.gif'/></a> |

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Del.icio.us'><img src='http://img50.imageshack.us/img50/9913/deliciogl4.gif'/></a> |

<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='DiggIt!'><img src='http://img50.imageshack.us/img50/300/diggjf4.gif'/></a> |

<a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url" + data:post.url + "&title=" + data:post.title' target='_blank' title='Yahoo!'><img src='http://img50.imageshack.us/img50/163/yahooab9.gif'/></a> |

<a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Fresqui'><img src='http://img45.imageshack.us/img45/5397/fresquisr8.gif'/></a> |

<a expr:href='"http://promotingblogs.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='PromotingBlogs'><img src='http://img261.imageshack.us/img261/5318/pb16x16it8.png'/>

</a>

Despues solo revisamos que haya quedado bien en vista preliminar y guardamos los cambios, y eso es todo, tus post estas listos para aparecer en paginas como meneame, digg, etc.

Si tienen alguan duda dejenla en los comentarios.

La bandera de tu visitante

2007-08-27T10:43:00.000-05:00

Este es un "hack" para que tu blog luzca bien.

Bienvenidos, tu nos visitas desde:

Si quieres que la bandera de un visitante de tu blog aparezca solo tienes que agregar este codigo:

<a href="http://www.hostip.info"><br /><br /><img src="http://api.hostip.info/flag.php" alt="IP Address Lookup" border="0" /><br /><br /></a>

Eso es todo, suerte.

Traductor

2007-08-26T09:59:00.000-05:00

He aqui el codigo de un traductor que le caeria de maravilla , si quieres que te lean personas en otros idiomas.

Solo tienes que irte a Plantilla----->Agregar Nuevo Elemento----->HTML/ Javascript, y agregas es siguiente codigo:

<div class='widget-content'><br /><br /><center><form action="http://www.google.com/translate" target="_blank"><br /><br /><script language="JavaScript"><br /><br /></script><br /><br /><font color="#000000"><P ALIGN="center">Traducir el Blog a:</font></P> <br> <input value="+location.href+" name="u" type="hidden"/><input value="en" name="hl" type="hidden"/><input value="UTF8" name="ie" type="hidden"/><input value="" name="langpair" type="hidden"/><input onclick="this.form.langpair.value=this.value" title="Frances" value="en|fr" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Aleman" value="en|de" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Italiano" value="en|it" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" width="30" name="langpair"/><br> <input onclick="this.form.langpair.value=this.value" title="Portugues" value="en|pt" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Ingles" value="es|en" type="image" height="20" src="http://www.connyriemers.com/english%20flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Japones" value="en|ja" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" width="30" name="langpair"/><br><input onclick="this.form.langpair.value=this.value" title="Koreano" value="en|ko" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Chino Simplificado" value="en|zh-CN" type="image" height="20" src="http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Arabe" value="en|ar" type="image" height="20" src="http://photos1.blogger.com/blogger/3709/485/1600/arabic-flag.gif" width="30" name="langpair2"/></form></center>

Despues solo guardan los cambios y ya esta. Si tienen dudas dejen sus comentarios.

Abrir-cerrar animado

2007-08-22T14:36:00.001-05:00

ABRIR | CERRAR

Hola a todos he aqui un nuevo hack

Para poder tener este codigo animado en tu blog, es muy facil, solo son dos pasos faciles.

1.- Lo primero que tienes que hacer es ir a tu plantilla en:

Plantilla---->Edicion HTML---->y buscas este codigo <head>, e inmediatamente despues colocas este codigo:

<script src='http://weblogsam.googlepages.com/animatedcollapse.js' type='text/javascript'></script>

Guardas los cambios y te vas a cualquier parte donde quieras poner la animacion, y colocas este otro codigo:

<center>

<a href="javascript:collapse.slidedown()">ABRIR</a> | <a href="javascript:collapse.slideup()">CERRAR</a></center>

<div id="nombre1" style="width: 220px; height: 150px; background-">

Aqui va lo que quieran ocultar

<script type="text/javascript">var collapse=new animatedcollapse("nombre1", 500, false)</script>

</div>

Y eso es todo, traten de no tocar nada, solamente si quiern cambien las palabras "ABRIR" Y "CERRAR" por alguna imagen.

Y eso es todo, espero que les funcione este hack ya que da una impresion muy buena de tu blog.

Imagenes en movimiento

2007-08-09T09:54:00.000-05:00

Repondiendo la pregunta de ChimboteXtremo si se uede poner imagenes en movimiento, aqui esta como:

El codigo principal seria este:

<marquee><img src="#"></marquee>

Que se veria asi:

Despues si queremos cambiar el lugar del movimiento, por ejemplo hacia arriba sera asi:

Solamente tenemos que agregar el comando direction="up" ( puedes cambiarlo por "down", para que las imagenes se muevan para abajo )

<marquee direction="up"><img src="#"></marquee>

Si quieres que la imagen se detenga al pasar el mouse, el codigo seria este:

<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">

<img src="#">

</marquee>

Severia asi:

Lo que colocamos en este codigo es el onmouseover="stop()" onmouseout="start()", esto significa que se detiene cuando el mouse esta sobre la imagen y que vuelve a moverse cuando se quita el mouse, tambien agregamos el scrollamount="2" scrolldelay="100", en esta parte puedes cambiar la velocidad de movimiento de la imagen en scrollamount aumenta los valores para acelerar la velocidado aumenta en scrolldelay para que valla mas lento.

Ahora, si queremos modificar la altura de la caja de imagenes ( no encontre otra forma de llamarle ) tenemos que agregar el comando height entonces quedaria asi:

marquee HEIGHT=100px onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">

<center><img src="#" /> </center>

<center><img src="#" /></center>

</marquee>

La iamgen muestra que es lo que estamos modificando.

Entonces finalmente nuestro codigo quedaria asi:

<marquee HEIGHT=100px onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">

<center><img src="#" /> </center>

<center><img src="#" /></center>

</marquee>

Y se veria asi:

Espero haber respondido tu pregunta ChimboteXtremo.

Suerte

Plantilla Hacktime 3

2007-08-08T10:20:00.000-05:00

Despues de varios dias sin publicar he regresado, y aqui les traigo la plantilla hacktime 3, esta basada en el diseño de blog and web, la plantilla trae sus respectivos creditos.

Verla funcionando

Descargar

Espero que les guste.

Plantilla Hacktime 2

2007-08-04T11:20:00.000-05:00

Despues de varios dias de no postear (estaba de vacaciones) aqui les traigo una nueva plantilla.

El creador es Cesar, y yo la edite.

Verla en funcionamiento

Descargar

Espero que les agrade.

Textos en movimiento

2007-08-03T11:52:00.000-05:00

Bueno, empezemos con el texto en movimiento mas facil:

1. Codigo:

<marquee>Hola a todos</marquee>

Asi se ve:

Hola a todos

2. Codigo:

<MARQUEE BGCOLOR=#FF4500>Texto móvil</MARQUEE>

Asi se ve:

Texto móvil

3. Codigo:

<marquee behavior="alternate">Texto en movimiento</marquee>

Asi se ve:

Texto en movimiento

4. Codigo:

<marquee direction="up">Texto en movimiento</marquee>

Asi se ve:

Texto en movimiento

5. Codigo:

<marquee direction="down">Texto en movimiento</marquee>

Asi se ve:

Texto en movimiento

6. Codigo:

<marquee direction="up" behavior="alternate">Texto en movimiento</marquee>

Asi se ve:

Texto en movimiento

7. Codigo:

<marquee style="border:#FF4500 2px SOLID">Texto en movimiento</marquee>

Asi se ve:

Texto en movimiento

8. Codigo:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Texto en movimiento</marquee></marquee>

Asi se ve:

Texto en movimiento

9. Codigo:

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">Texto en movimiento</marquee></marquee>

Asi se ve:

Texto en movimiento

10. Codigo:

<font color="#FFFF00"><marquee direction="left" style="background:#CD3333">Eso es todo, solo cambien los valores de los colores por los colores que deseen.</marquee></font>

Asi se ve:

Eso es todo, solo cambien los valores de los colores por los colores que deseen.

Eso es todo, solo cambien los valores de los colores por los colores que deseen.

Nota:

No es necesario saber los codigos de los colores, tambien se pueden escribir en ingles, por ejemplo para poner el color rojo, no es necesario poner #xxxxxx, puedes solo escribir #red, y ya.

Cuadro con boton "Seleccionar texto"

2007-07-31T11:18:00.000-05:00

Hola este dia les traigo la forma de hacer un recuadro con el cual se puede sellecionar el texto que esta dentro con un click. Vean el ejemplo en este blog.

Este el el codigo que hay que agregar, por el momento solo me ha funcionado en la sidebar, no en un post:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function copyit(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
therange=tempval.createTextRange()
therange.execCommand("Copy")
}

// End -->
</script>
<center><form name="it">
<input onclick="copyit('it.select1')" type="button" value="seleccionar texto" name="cpy">

<p><textarea name="select1" rows="5" cols="19">Aqui va el texto que quieren que sea seleccionado</textarea></p>

</form></center>

Bueno, eso es todo.

.:Cartelito al pasar el mouse:.

2007-07-28T14:00:00.000-05:00

Este es un pequeño truco con el cual al pasar el mouse sobre un texto, imagen o lo que sea aoarece un cartelito que dice lo que tu queiras.

Ejemplo:

Hola a todos les mando un ósculo desde mexico df.

Al pasar el mouse por encima de osculo sale un cartelito, este truco es my facil de hacer, solo tienes que usar el siguiente codigo.

<acronym title="el cartelito que aparece"> lo que queres resaltar</acronym>

.:Una pagina dentro de tu blog:.

2007-07-28T13:31:00.000-05:00

Si quieren tener dentro de su blog otra pagina solo tienen que agregar el siguiente codigo en cualquier parte de la entrada.

Quedaria asi:

Lamento no poder dar mas explicaiones pero cada vez que editaba la entrada se cerraba el IE.

Menu 2

2007-07-28T12:22:00.000-05:00

Aqui les traigo otro menu muy padre espero q les agrade:

Bueno, primero tenemos que irnos a:

Plantilla----> Editar HTML---->y justo despues de <head> pegas el siguiente codigo:

<style type='text/css'>

#hacktime-blogspot-commenu{ /*Codigo del menú de botones debajo de la cabecera*/
padding-top: 5px;
padding-bottom: 2px;
width: 100%;
font-weight: bold;
font-size: 90%;
}

#hacktime-blogspot-commenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}

#hacktime-blogspot-commenu ul li{
display: inline;
}

#hacktime-blogspot-commenu ul{
border: none;
width: 99.3%;
background-color: C1AEEE; center
center repeat-x;
padding: 5px 0 5px 0;
margin: 0 0 0 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#hacktime-blogspot-commenu ul li{
display: inline;
}

#hacktime-blogspot-commenu ul li a{
background-color: #99C9FF;
color: #085A91;
padding: 5px 10px;
margin: 10;
text-decoration: none;
border: solid;
border-color: #3E76B1;
}

#hacktime-blogspot-commenu ul li a:hover{
background-color: #D1EAFA; center
center repeat-x;
} /* Fin del código del menú de debajo de la cabecera */

</style>

Despues guardas los cambios y te vas a:

Plantilla------> Agregar nuevo elemento HTML/Javascript, y pegas este codigo:

<div id="hacktime-blogspot-commenu">

<ul>

<li><a href="#">Aqui va el enlace 1</a></li>

<li><a href="#">Aqui va el enlace 2</a></li>

<li><a href="#">Aqui va el enlace 3</a></li>

</ul>

</div>

Y eso es todo, si quieres cambiar los colores del menu solamente cambia los valores en el primer codigo, y si no sabes los valores de los colores visita este post.

Espero que les agrade el menu y si pueden porfavor pongan un link hacia Hacktime.

Gracias

Plantilla Hacktime 1

2007-07-27T10:29:00.000-05:00

Despues de varias horas acabe, la primera plantilla creada por mi.

Espero que si la van a usar por favor pongan un link de este blog en su blog, es una manera facil de agradecer.

Ojala y les agrade. :)

Verla en funcinamiento

Descargar

Despues de descargar, solo se tienen que ir a:

Plantilla---->Editar html----> y le dan click en "Examinar" buscan el archivo que descargaron y le dan en subir.

Suerte.

Colores

2007-07-26T20:56:00.000-05:00

Ya que he recibido varios mail de personas que no saben cuales son los codigos para los colores, les voy a dejar aqui en descarga directa el programa pequeño y muy util con el cual solo tienes que pasar el puntero sobre el color deseado y dar un click, luego te dara el codigo del color.

Descarga Dnj Clip Color

Este programa es muy util si quieres editar por ejemplo tu plantilla de blogger, menus, etc.

.:Asimo:.

2007-07-25T22:20:00.000-05:00

Hoy dejare de lado los hacks y les presentare algo que a mi se me hizo asombroso, el proyecto Asimo de la Honda.

Este robot "humanoide" fue creado por la compañia Honda en el año 2000, el objetivo de esta compañia es crear un robot humanoide capaz de interactuar con las personas y de ayudarles haciéndoles la vida más fácil y agradable. Aunque todavía estamos lejos de poder asignarles trabajos concretos a los robots humanoides, podrían utilizarse, por ejemplo, para ayudar e incrementar la autonomía de las personas con minusvalías y de las personas mayores.

Evidentemente, todavía tienen que transcurrir muchos años hasta que se pueda cumplir este objetivo, pero algunas empresas de Japón ya utilizan los servicios de ASIMO para funciones promocionales como la recepción de visitantes.

Aqui les dejo el comercial de Asimo.

Solo hay que imaginar, tal vez en par de decadas veamos muchos de estos robots ayudandonos en nuestra casa o trabajo, etc.

Me gustaria tener uno asi. :)

.:Cerrar ventana:.

2007-07-24T22:27:00.000-05:00

Siempre quise saber como le hacian esas paginas que con un click se cierra la pagina, y encontre el codigo:

Este es el codigo:

<input name="button" type="button" onclick="window.close();" value="Clic para cerrar" />

Cada persona le encuentra un uso diferente.

Salu2

.:Menu:.

2007-07-23T22:04:00.000-05:00

Pues ya he regresado y les traigo aqui un menu padre que les puede gustar.

No lo he implementado en este blog por que me gustan mas estas pestañas pero lo pueden ver aqui.

Este menu es muy facil de implementar en cualquier blog, lo unico que tienes que hacer es colocar el sigueinte codigo en:

Plantilla----> Editar HTML---->y buscas <head> e inmediatamente despues colocas este codigo:

Luego guardass los cambios y te vas a Plantilla----> Agregar nuevo elemento, y agregas este otro codigo:

<div id="hacktime-blogspot-commenu">
<ul>
<li><a href="#">Aqui va el enlace 1</a></li>
<li><a href="#">Aqui va el enlace 2</a></li>
<li><a href="#">Aqui va el enlace 3</a></li>
<li><a href="#">Aqui va el enlace 4</a></li>
<li><a href="#">Aqui va el enlace 5</a></li>
</ul>
</div>

Solo tienes que cambiar las # por la url de la pagina que quieras y eso es todo, espero qu les guste este menu ya que me costo un poco de tiempo hacerlo. :)

Me pueden dejar un comentario si no les gusta el tamaño o los colores o diganme lo que no les gusto y lo tratare de cambiar. ;)

.:Aclarar imagen:.

2007-07-22T10:42:00.000-05:00

Este es un hack muy facil, solo pasen el mouse por encima de la imgen y veran lo que pasa.

Si quieren que una imagen se aclare cuando pasan el mouse sobre ella solo utilizan este codigo:

<p align="center"><img onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.4;this.filters.alpha.opacity=40" alt="imagen transparente" style="-moz-opacity:0.4;filter:alpha(opacity=40)" src="Aqui la url de la imagen"/></p>

Y eso es todo.

.:Truco de la imagen:.

2007-07-20T11:15:00.000-05:00

Este es un pequeño truquito, solo pasen el mouse por encima de la imegen y veran lo que pasa.

Este truco es muy sencillo, lo unico que temos que hacer es agregar el sig codigo en cualquier parte donde vallamos a escribir o poner una imagen:

<a onmouseover="parent.location='AQUI LA DIRECCION A LA QUEREMOS REDIRECCIONAR'"><img src="LA URL DE LA IMEGEN"></a>

Y eso es todo. :)

.:Google y su significado:.

2007-07-19T21:29:00.000-05:00

Pues paseando por la web, me dio curiosidad saber que es y de donde venia la palabra del mas gran buscador "Google".

Esto fue lo que encontre:

La gente de Google explica que el término proviene de Googol, un número enorme: 10^100 o diez mil octillones [en castellano].

Desde un punto de vista físico, un gúgol es mayor que el número de átomos en el Universo y sin embargo se ha vuelto relativamente común con la invención de las computadoras [el término fue acuñado en 1938]

Los fundadores del buscador más famoso del mundo, Sergey Brin y Larry Page, “eligieron este nombre haciendo alusión a la gran cantidad de información que existe en el mundo”.

Es interesante señalar que según algunos cálculos se generaron 161 exabytes [2^60 bytes] de información digital solo en 2006. La información "original" sería de 40 exabytes pero la reproducción [copia] hizo que esta se multiplicara varias veces al punto que algunos predicen un colapso de Internet para finales del 2007.

Que grande!!

.:Como hacer que los enlaces se undan:.

2007-07-18T13:53:00.001-05:00

Pues como pueden ver en el blog, acabo de implementar el hack de que los enlaces se undan cuando pasamos el mouse sobre ellos, es my facil hacerlo.

Solo nos vamos a:

Plantilla---->Editar HTML---->y buscamos el codigo de abajo: (hay muchos codigos iguales, pero este es el primero que aparece en la plantilla)

a:hover {
color: #aqui esta algun color;

Y solo agrega las partes que estan en azul:

a:hover {
color: [c=4]#aqui esta algun color;[/c]
text-decoration:none;
position: relative;
top: 1.5px;
left: 1.5px;}

Eso es todo, solamente modifica los valores 1.5 por la cantidad de pixeles que quieras que se undan los enlaces.

.:Como poner metatags en tu blog:.

2007-07-17T10:27:00.000-05:00

Primero que nada voy a disculparme por no estar atendiendo el blog muy seguido, es que he tenido mucho trabajo en la escuela, pero, como todos ya saben, ya acabaron las clases!!!

Empezemos:

Primero empezare explicando que son los metatags son etiquetas html que se incorporan en el encabezado de una página web y que resultan invisibles para un visitante normal, pero de gran utilidad para navegadores u otros programas que puedan valerse de esta información.

Osea que si poner en tus metatags, palabras como youtube, gmail, o cosas asi, cuando la gente busque esas palabras, el buscador pondra en los resultados tu blog.

Para agregar metatags en tu blog te tienes que ir a:

Plantilla---->Editar HTML---->y buscas este codigo: (esta en los primeras lineas del codigo del blog)

<title><data:blog.pageTitle/></title>

Y lo cambias por este otro:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>nombre_del_blog palabra1 palabra2 palabra3 .... </title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

No olvides cambiar las palabras clave, en el codigo separandolas con una coma.

Eso es todo, solo guarda los cambios.

.:Manifiesto del mal blogger:.

2007-07-16T22:16:00.000-05:00

¡Bloggers del mundo, uníos a este manifiesto!

¿Estáis hartos de que os recuerden lo mal que llevamos nuestro blog?

¿Estáis hartos de los viejos consejos de siempre? (escribe regularmente, ten una temática definida, haz entradas concisas, etc...

Porque teniendo en cuenta que:

----Nunca vamos a conseguir miles y miles de visitas ni, muchísimo menos, ganar dinero con nuestro blog, ni conseguir el Pulitzer.

----No creemos que la calidad de un blog venga marcada por su número de visitas ni por la cantidad de páginas que lo enlacen.

----Sabemos y aceptamos que el 80% de nuestras visitas procederán de nuestros colegas, y estamos felices con ello (O como mínimo, nos conformamos).

----Y, sobretodo:

----No escribimos para satisfacer al lector, sino para satisfacer nuestras ansias de escribir y comunicar. Si sólo a diez personas les gusta nuestro blog, estaremos tan felices como si lo hacen 1.000.

----Manifestamos que:

----El miedo a que un post no guste provoca una retorcida forma de autocensura. Una autocensura que coarta nuestra libertad artística y comunicativa. Nosotros no somos medios de comunicación forzados a vigilar nuestra popularidad. Tenemos el privilegio de no tener por qué tener miedo al mercado ni a las críticas... ni al olvido. ¡No lo tengamos!

----Es posible que seamos felices si uno de nuestros posts se hace popular y se difunde por la blogocosa. Pero nos comprometemos a no buscarlo, ni escribiendo lo que consideraremos más popular, ni de ninguna otra forma.

----Somos personas complejas, no máquinas especializadas. Por ello, escribiremos aquello que nos parezca interesante compartir, sin importar su temática ni su idoneidad.

----Y, en resumidas cuentas:

----Este es mi blog.

----Yo me lo guiso, yo me lo como.

----Si a alguien no le gusta, que no lo lea.

¡Si eres un blogger auténtico, haz de este manifiesto algo tuyo!

Si no te gusta parte del texto o te apetece añadir algo, cámbialo sin complejos.

No cites de dónde has sacado este manifiesto.

No digas quien ha escrito este manifiesto.

Ni se te ocurra poner un link a este post que estás leyendo, a no ser que sea para criticarlo o para anunciarlo sin hacerlo tuyo.

Es posible que estés leyendo este manifiesto en un blog y no sepas si lo ha escrito el dueño o no del blog. ¿Acaso importa?

Porque todo blogger tiene derecho a ser mal blogger, y estar orgulloso de ello.

.:Como poner favicons en blogger:.

2007-07-13T21:15:00.000-05:00

Pues leyendo los comentarios, me encontre con uno en el cual me pedian la forma de poner favicons en su blog, he aqui la forma:

Primero empezare diciendo que es un favicon, es la imagen que aparece junto a la direccion url de la pagina que estas viendo, por ejemplo:

La W es el favicon de la famosa pagina Wikipedia, pero tu puedes diseñar tu propio favicon.

Pasos para insertar tu favicon en blogger:

1. Crea tu favicon, lo puedes hacer con paint o con photoshop, la cosa es que quede una imagen pequeña cuadrada de 16 x 16 pixeles, si esta mas grande no se muestra la imagen y se vera asi:

2. Ya que hayamos hecho nuestra imagen, tenemos que convertirla en un archivo .ico, esto es para que se muestre en IE, ya que si es un archivo .png, .jpg, .gif, etc., solo se podra ver en Firefox (y en otros buenos navegadores como Opera, Konqueror, etc.) pero no en Internet Explorer.

Para transformar nuestro archivo a .ico ve a esta pagina hay subes tu imagen y la convierten online y luego tu la descargas en formato .ico (tambien te da archivos diferentes, pero solo nos interesa el .ico)

3. Una vez que hayas descargado tu imagen en archivo .ico, tienes que subirla al internet ( yo recomiendo www.pages.google.com , ademas todos los usuarios de blogger tienen derecho a usar el servicio, yo solo lo uso para subir archivos) puedes usar cualquier metodo como flickr, blogger o cualquier metodo para subir imegenes.

4. Ya que hayas subido tu archivo al internet y tengas la direccion de tu imagen, vamos a tu Plantilla----->Editar HTML----->Y justo despues de </title> colocas el siguiente codigo:

No olvides cambiar donde dice "Direccion de tu favicon" por la direccion de tu favicon ;)

Solo guarda los cambios y ya esta revisa que haya quedado bien.

Si tuviste algun problema, intenta poner esta direccion de imagen:

http://es.wikipedia.org/favicon.ico

Y si te sale el favicon de Wikipedia, el problema que tienes esta en tu imagen, y no en el codigo.

Espero haber resuelto tus dudas ruypster. :)

Skins

2007-07-13T17:34:00.001-05:00

Pues bueno, este post esta hecho para toda persona que le gusta personalizar su reproductor de Windows Media Player o su Messenger, aqui ahi una gran variedad de skins que se instalan facilmente en casi cualquier ordenador, asi que si quieres, puedes cambiar tu reproductor por un celular, un ipod o cualquier cosa.

Tambien hay skins para Windows Live Messenger

Bueno, encontraran muchas clases de skins para poder cambiar ese antiguo y feo reproductor o messenger.

Pagina: Tecnoavatar

Cambiar leyenda en comentarios 2

2007-07-12T10:06:00.000-05:00

Este hack lo saque del ahora desaparecido y modificado betatrucos.blogspot.com ya que el hack anterior sobre este mismo tema no habia sido de ayuda para varios.

Bien, para arreglar la leyenda que aparece dentro de nuestro post, nos localizaremos en: Plantilla-->Edición HTML --> Expandir Plantilla de Artilugios.

Y buscamos en la parte de nuestra plantilla donde dice lo siguiente y además seguimos la indicaciones del color azul.

<h4>
<b:if cond='data:post.numComments == 1'>
1 Comment:
<b:else/>
<data:post.numComments/> Comments:
</b:if>
</h4>De forma que nos quede así.

Opcional: Si usted quiere que aparezca una leyenda cuando no haya comentarios que diga "comentar ya", añada lo que está marcado en rojo.

<h4>
<b:if cond='data:post.numComments == 0'>
Comentar ya
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 Comentario:
<b:else/>
<data:post.numComments/> Comentarios:
</b:if>
</h4>

Finalmente el código debe quedar así.

<h4>
<b:if cond='data:post.numComments == 0'>
Ningún comentario todavía
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 Comentario:
<b:else/>
<data:post.numComments/> Comentarios:
</b:if>
</b:if>
</h4>

Esto le da mejor vista a nuestro blog.

Bien, lo siguiente que cambiaremos es el "0 comentarios" y "1 comentarios" que aparece en la portada, o en los archivos, etiquetas, etc. Observá la siguiente imagen para localizarte.

Para eso nos localizaremos en está parte del código que generalmente aparece despues del
" post-footer-line post-footer-line-3 " en mi caso sería:

<p class='post-footer-line post-footer-line-3'><span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span> <span class='post-backlinks post-comment-link'>

Y trataremos de separar los >< dejándo el código para que pueda ser bien visto:

<p class='post-footer-line post-footer-line-3'>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1 <data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</span>

Y Modificamos el código anterior por esté:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>
Comentar
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 <data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</b:if>
</a>
</b:if>
</b:if>
</span>

Espero que les funcione el hack.

Imagenes en el titulo del post

2007-07-10T11:48:00.001-05:00

He aqui la forma de poner una imagen de fondo para los titulos de los posts.

Ya que en cada plantilla varia el codigo Post y Header, solo les enseñare este hack si tienen lo siguiente:

Vallan a Plantilla----> Edicion HTML, y buscan esto:

.post h3 {
margin: 10px 0;
padding: 0;
color: #FF9933;
font-size: 18px;
font-weight: bold;
}

NO tiene que estar exactamente igual, solo tiene que decir "post h3", si tienen este codigo pueden proseguir.

No olviden guardan antes una copia de respaldo de su plantilla.

Ahora bien tenemos que el parametro del titulo del post de nuestro blog es "post h3", entonces todas las modificaciones se haran a partir de ahi.

Nos situamos en la siguiente parte del codigo y agregamos el codigo que esta en azul:

.post h3 {
margin: 10px 0;
padding: 0;
color: #FF9933;
font-size: 18px;
font-weight: bold;
}
background: $sidebarBgColor;
background-image: url (Aqui la url de su imagen);
background-position: top center;
background-repeat: no-repeat;

Si quieres que el fondo del titulo del post sea del mismo color que el de tu sidebar solo deja el codigo que esta en rojo.

La parte que dice "background-position: top center;" permite colocar la imagen a la izquierda, derecha o centrada. Así, si queremos colocarun pequeño icono a la derecha del titulo sólo hay que poner la dirección de la imagen y cambiar top center por right.

El parámetro que dice "background-repeat: no-repeat;" sirve para que la imagen no se repita más de una vez. Si no le ponemos nada o ponemos "repeat" ésta se repitirá hasta llenar el hueco destinado al título.

Espero haber sido lo mas claro, si tienen dudas no duden en poner sus comentarios.

.:Descarga musica o videos desde google:.

2007-07-09T11:31:00.000-05:00

De hecho este no es un hack para blogger es para google, pero bueno. Pues mientras enstaba viedno blogs, me encontre con esta no ta que dice asi:

¿Creían que Google solo sirve para buscar? pues han estado muy equivocados, introduciendo las siguientes instrucciones en el buscador podemos lograr encontrar archivos de música, un ejemplo si queremos buscar música de Green Day:

-inurl:(htmhtmlphp) intitle:"index of" +"last modified" +"parent directory" +description +size +(wmamp3) "green day"

La técnica es simple, le indicamos al buscador que tipos de archivos debe de buscar en este caso: wma y mp3, y luego definimos el nombre del artista, el cual, puede cambiarse por el nombre de una canción.

Y esto nos pone a pensar en la posibilidad de usar la misma instrucción para poder descargar también vídeos, lo único que cambiaríamos seria el formato del vídeo. Ejemplo:

-inurl:(htmhtmlphp) intitle:"index of" +"last modified" +"parent directory" +description +size +(mpgwmv) "the simpsons"

También puedes ver una explicación 8 minutos de como funciona la instrucción que introducimos en Google:

Fuente: Gamabits

.:Como añadir Adsense entre cada post:.

2007-07-08T10:08:00.000-05:00

Bueno hace mucho que no posteo por aqui y quisiera escribir sobre un tema muy importante para los bloggers, como ganar dinero con su blog. Este tema ya es muy conocido pero hay muchos bloggers que pudieran estar ganando cientos de dolares y no saben como. ;)

Hay diversas formas de ganar dinero con tu blog , pero hoy tomaremos la de como poner anuncios de adsense entrecada post, este es un truco muy util, incrementa mas tus clics y por lo tanto tus ingresos.

Bueno, lo primero que hacemos es, si ya disponer de una cuenta de adsense, solo te vas a la pestaña:

Configuracion de Adsense-----> Adsense para contenido-----> Bloque de anuncios------> Y escojes el banner que tiene las medidas 468 x 60.

Ya que ayas hecho el procedimiento Google te dara un codigo, mas omenos asi:

<script type="text/javascript">

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Luego lo que tenemos que hace es transformarlo a texto plano, te vas a esta pagina y ahi pegas el codigo, despues de convertido te dara otro codigo asi:

<script type="text/javascript">

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

Despues nos vamos a (en blogger) a:

Plantilla---->Edicion de HTML------>Expandir artilugios, y buscamos el sig codigo:

<p class='post-footer-line post-footer-line-3'/>

y justo antes colocamos el codigo convertido de Adsense.

Guardamos los cambios y listo.

NOTA: Si en tu plantilla no aparece esto "<p class='post-footer-line post-footer-line-3'/>" busca este otro codigo:

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

Y justo despues pegas el codigo convertido de Adsense.

Guardamos los cambios y listo. ;)

No olviden poner un agregarnos a su lista de Blog and Roll

.:Entre 310.000 y 700.000 iPhone vendidos este fin de semana:.

2007-07-04T14:35:00.000-05:00

El grupo Apple y el operador telefónico ATT vendieron desde el viernes por la tarde entre 310.000 y 700.000 unidades del iPhone, el nuevo teléfono-reproductor musical de Apple, estimaron analistas financieros.

El Iphone, que cuesta entre 499 y 599 dólares (entre 366 y 440 euros), según los modelos, empezó a ser vendido el viernes a las 18h00 en Estados Unidos, precedido por una gran fanfarria mediática. En las grandes tiendas de Apple en Nueva York y San Francisco se formaron largas colas, así como en los puntos de venta de ATT.

.:Descarga la version campleta de Microsoft Office 2007:.

2007-07-04T14:27:00.000-05:00

Como resultado de la harmoniosa integración con el sistema operativo Windows Vista™, el paquete 2007 Microsoft® Office ofrece a los usuarios múltiples mejoras.
Entre ellas, una interfaz de usuario mejorada que permite trabajar más fácil y rápidamente. Con Smart Art®, una colección de diversos gráficos y efectos, es posible diseñar documentos de un modo más profesional para ofrecer un aspecto más impresionante.

Outlook 2007 ofrece ahora más opciones para la planificación eficaz de tareas y citas; además, con la herramienta de búsqueda casi inmediata podrá encontrar información a una velocidad nunca vista, incluso en archivos adjuntos o grabaciones de audio o de vídeo.2007 Microsoft® Office revoluciona el tratamiento de tareas repetitivas en la empresa y se centra en el contenido corporativo que es realmente importante.

El programa optimiza muchos flujos de trabajo mediante la selección de plantillas de activación inteligente o automáticas. De esta forma enlaza la experiencia del pasado con el trabajo del futuro. El resultado: menos actividades rutinarias, mayor eficacia.2007 Microsoft® Office tiene funciones integrales de gestión de contactos para administrar los datos de los clientes centralmente y mejorar el servicio.

Además, la creación de materiales de marketing para actividades impresas, de correo electrónico o basadas en web es más impresionante que nunca con 2007 Microsoft® Office y es también extremadamente fácil para los usuarios inexpertos.

Nota: version completa, incluye serial.

Descargar

Fuente:╚Tecnoavatar

.:Moaphie.A un virus muy peligroso en messenger:.

2007-07-01T21:10:00.000-05:00

Un nuevo gusano se propaga por el messenger, su nombre es Moaphie.A, su ataque es la modificación de la página de inicio de Internet Explorer por otra con contenido peligroso.

Moaphie.A, modifica nuestra página de inicio de Internet Explorer de tal forma que cuando abramos dicho programa se descargaran virus más peligrosos, otra de las cosas que hace este virus es la de recopilar cierta información de vicitma como son: claves, datos bancarios,... El programa al infectarse se manda por correo electrónico a todos los contactos de la victima, y se propaga a todas las unidades del ordenador, así como a discos USB para que se ejecute de nuevo cuando se abra un dispositivo de estos.

El virus también se propaga a través de mensajería instantánea ya que está constantemente buscando si tenemos alguna ventana abierta de conversación. Si no hubiera ninguna abierta, se enviaría un enlace a todos los usuarios en ese momento online y les envia una dirección para que pinchen y al entrar en la página, esta contiene muchos programas o gusanos que se instalan sin uno quererlo.

Todavia no se ha encontrado solución ya que el propio virus las destruye por eso se pide a los usuarios que tengan mucho cuidado.

Fuete Tecnoavatar

.:¿Competencia del iPhone?:.

2007-07-01T21:04:00.000-05:00

El HTC Touch es un celular con todo. Maneja e-mail, música y videos. Trae cámara, el sistema operativo Windows y los softs Outlook y Office.

Sin embargo, si por algo se destaca es por su pantalla sensible al tacto y sus menús pensados para operarse con los dedos, similares a los del promocionado iPhone, de Apple (de próximo lanzamiento).

Video de comparacion entre el iPhone y el HTC Touch

.:Windows Vista ya tiene sucesor:.

2007-06-28T21:23:00.000-05:00

Cuando acaba de ser lanzado Windows Vista, Microsoft ya ha puesto nombre y fecha de lanzamiento a sucesor de este,Microsoft pretende que Windows Vienna esté listo para el año 2009, dentro de escasamente tan solo dos años.

Al menos así lo ha anunciado Ben Fathi, vicepresidente corporativo de Microsoft, en la Conferencia RSA de San Francisco:

"... Dos o dos años y medio es un periodo de tiempo razonable para que nuestros partners puedan depender y trabajar con él. Es un buen momento para la actualización".

Ben Fathi ha dejado bien claro que se estaba refiriendo a un nuevo sistema operativo y no al Service Pack 1 para Windows Vista, que ya está en desarrollo.El ejecutivo no ha querido aportar más información al respecto, aunque si ha anunciado que el objetivo de Microsoft para Vienna reside en estrenar un nuevo interfaz gráfico verdaderamente revolucionario.

Aunque el lo personal creo que dos años es cuando Windows Vista sera estable ya que como todo SO las primeras ediciones, son vastante inestables y llenas de bugs,debemos recordar que XP salio a la luz en 2001 y no fue hasta 2004 cuando quedo terminado con el service pack 2.Windows Vista es muy malo, muy inestable y casi todo lo "nuevo" (a excepción del direx10) puede correr en XP un ejemplo muy claro seria instalar Windowsblinds y VTP 7, para que XP fuera idéntico.

Fuente Tecnoavatar

::Crea Tu "DoblaPlayeras"::

2007-06-25T17:55:00.000-05:00

Bueno pues vagando por Internet me encontré con esto..... es un video donde te muestran como crear tu DoblaPlayeras... creación muy útil si eres un huevon o simplemente tienes flojera por doblar tus playeras. Es fácil de hacerlo, solo necesitas unas cajas de cartón.

.:Faviconiza tus pestañas:.

2007-06-23T17:30:00.000-05:00

No, no es nada referente a alguna cosa rara que usan las mujeres si no a una pequeña extensión para FireFox, FaviconizeTab, es el nombre de la extensión que he descargado y ahorra mucho espacio a la hora de tener abiertas varias pestañas.

Lo que hace esta pequeña extensión es reducir cada pestaña de navegación únicamente al favicon que hoy en día la gran mayoría de los webs y blogs tienen.

Para activar esta extensión tienes que hacer Ctrl+click o click derecho sobre la pestaña (aunque admite varias combinaciones configurables en las Opciones) que quieres reducir y seleccionar la opción FaviconizeTab.Para revertir la operación hacemos lo mismo y la pestaña volverá a su vista normal.

Descargar: FaviconizeTab

Fuente: Tecno avatar

::Prometeus - La Revolucion de los Medios::

2007-06-21T14:36:00.000-05:00

Hola a todos, soy el nuevo administrador de este blog. Mi nombre es Hugo Hernández y tratare de actualizarlo seguido.

Hoy les hablare sobre un video llamado "Prometeus - La Revolución de los Medios" que nos muestra la importancia del Internet y la información.
El video nos muestra los cambios que tendrá Internet, sus pros y sus contras que ha tenido hasta hoy y lo que podrá cambiar al paso de los años. Vean como el video se muestra una posible compra de Microsoft (alguien se imagina esto?), también se habla de las cadenas de noticias mas importantes, tales como la BBC, CNN, CCTV y The New York Times.

El video esta en ingles pero tiene subtitulos en español para que todos puedan entenderlo.

::Imagen de Blogger::

2007-06-16T10:59:00.000-05:00

::Imagen de Blogger::

Pues la verdad es q hoy tengo mucho tiempo libre y quise dedicarle un post a esta imagen:

Esta imagen es la q sale cuando estamos subiendo alguna imagen a nuestra entrada.

Esta chida no?

::Vista de posts expandibles en las entradas::

2007-06-16T02:18:00.000-05:00

::Vista de posts expandibles en las entradas::

.
Es otro mas de los hack secretos que tengo implementado en mi blog, el siguiente hack nos ayuda a mejorar la experiencia del usuario. La idea es mostrar solo el titulo del post pero tambien provisto de un [+/-] para poder expandir y leer el post.

Nos dirigimos a:

Plantilla--Edición de HTML--Expandir plantilla de artilugios

Buscamos este código </head> y colocamos el siguiente codigo antes:

Ahora tu necesitas buscar el codigo que se encuentra con amarillo y añadir las partes que se sobresaltan con rojo:

<b:includable id='PeekABooPost' var='post'>

</td>

<td>

</td></tr></table>

</div>

</b:includable>

<b:includable id='main' var='top'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

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

<b:include data='post' name='PeekABooPost'/>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

<b:else/>;

<b:include data='post' name='post'/>

</b:if>

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

<b:include data='post' name='comments'/>

</b:if>

</b:loop>

</div>

Guardamos cambios y listo.

No olvides dejar tus comentarios

::Como cambiar el tamaño de los videos::

2007-06-15T14:12:00.001-05:00

::Como cambiar el tamaño de los videos::

Vean el tamaño de este video.

Ahora vea el tamaño de este otro.

Lo unico q hice para q os tamaños de estos videos fueran diferentes fue esto:

Cuando copias un codigo de algun video para ponerlo en tu blog, te dan un codigo como este:

Lo unico q se tiene q hacer para hacer mas pequeño el tamaño del video es cambiar los valores de los numeros q estan en azul. Es recomendable q vayas bajando los valores en numeros iguales pera los dos numeros. Por ejemplo si un numero es 425 y el otro es 350, tienes q bajar los dos al mismo numero, y quedarian, uno 325 y el otro 250. Asi hasta el tamaño q desees.

En cambio si quieres q el video se vea mas grande solo haces lo contrario, en vez de restar numeros, aumentas a los dos numeros.

No olviden dejar sus comentarios

::14 de junio "Dia internacional de Blogger"

2007-06-14T16:04:00.000-05:00

::14 de junio "Dia internacional de Blogger"

El 14 de junio se celebra la cuarta edición del Día Internacional del Blogger, quien quiera participar sólo debe incluir alguno de los botones en su blog.

He aqui mi boton:

Participen.

No olviden dejar sus comentarios

::Otro nuevo blogger::

2007-06-14T15:17:00.000-05:00

::Otro nuevo blogger::

Blogger tiene una nueva página de inicio desde donde podemos ingresar. Se trata de draft.blogger.com una forma de llamar a esta nueva Beta donde podemos hacer uso de algunas de las nuevas funciones.

Una de las nuevas funciones es la de poder subir un video directamente desde tu pc, sin tener q andar poniendo las direcciones de youtube, (o culquier pagina de videos) solo con hacer click en esta imagen , es una nueva forma facil y rapida de subir videos a tu blog.
Mientras subes un video te aparecera una imagen como esta:

Pero hay varios problemas:

1. Cuando estas subiendo un video (al igual q las imagenes) no puedes subir otros a la vez.

2. La mas importante, si editas varias veces tu post, te aparecera una ventana parecida a la de abajo q dice q hay un error al subir el video. A mi me ha pasado varias veces.

Esperemos q esto se pueda solucionar pronto, ya q se ve muy bien el nuevo blogger.

No olviden dejar sus comentarios

::No propaganda::

2007-06-14T15:02:00.000-05:00

::No propaganda::

Estaba paseando por la web y me encontre con una curiosa pagina, se llama NO PROPAGANDA, en esa pagina podras encontrar diversas formas de quitar la propaganda en paignas como dot.tk que te dan un nombre de dominio, pero con publicidad.

He aqui sus trucos:

Como evitar propaganda en:: [blogs.ya.com] [es.geocities] [www.geocities] [blogdrive] [tk] [tripod.lycos] [100webspace] [50megs] [worldfreeweb] [bravenet.com] [galeon.com] [125mb.com] [iespana.es] [host.sk] [freespaces.com] [t35.com] [1asphost.com] [cjb.net] [freeservers.com]

Espero q ese blog les sirva.

No olviden deja rsus comentarios

::Eliminar titulo en el nuevo Blogger::

2007-06-13T20:46:00.000-05:00

::Eliminar titulo en el nuevo Blogger::

Esta es una forma muy sencilla de eliminar el titulo de nuestro blog:

Nos dirigimos a:

Plantilla---->Edicion HTML---->Expandir artilugios, y buscamos el sig. codigo:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PruebaBlog (cabecera)'
type='Header'>
<b:includable id='main'>
<div class='titlewrapper'>
<h1 class='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'>;<data:title/>;</a>
</b:if>
</h1>
</div>

Eliminaremos las etiquetas <data:title/> guardamos los cambios y listo.

No olviden dejar sus comentarios

::Cambiar leyenda en comentarios::

2007-06-13T19:48:00.000-05:00

::Cambiar leyenda en comentarios::

Hola hoy les traigo un hack q obtuve discretamente del blog, betatrucos
trata de como poder cambiar esas frases q dicen "0 comentarios" o "1 comentarios", todo eso se ve mal asi q aqui les enseñare como cambiarlo.

Primero empezaremos por cambiar el "0 comentarios".

Nos localizaremos en:

Plantilla---->Edición HTML ---->Expandir Plantilla de Artilugios.

Y buscamos el sig. codigo:

<h4>
<b:if cond='data:post.numComments == 1'>
1 Comment: <b:else/>
<data:post.numComments/> Comments: </b:if>
</h4>

Si quieres que aparezca una leyenda cuando no haya comentarios que diga "Comentar ya", añade lo que está marcado en rojo. Si quieres otra frase solo borra "Comentar ya" y escribes lo q quieras q aparesca.

<h4>
<b:if cond='data:post.numComments == 0'>
Comentar ya
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 Comentario:
<b:else/>
<data:post.numComments/> Comentarios:
</b:if>
</h4>

Bien a nivel portada, nos quedará muy bien la leyenda de los comentarios y con muy buena estética.

Lo siguiente que cambiaremos es el feo "0 comentarios" y "1 comentarios".

Para eso nos localizaremos en está parte del código que generalmente aparece despues del
" post-footer-line post-footer-line-3 ":

<p class='post-footer-line post-footer-line-3'>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1 <data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</span>

Y cambiamos el codigo de arriba por el sig.:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 0'>
Escribir un comentario en esta entrada
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 <data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</b:if>
</a>
</b:if>
</b:if>
</span>

Puedes cambiar la frase q esta en rojo por cualquiera.

Espero que les sirva este hack, da muy buena presentacion al blog.

No olviden dejar sus comentarios

::Mas de mil millones de ordenadores::

2007-06-13T13:36:00.000-05:00

::Mas de mil millones de ordenadores::

Hola, primero que nada dejenme presentarme, soy Barra el nuevo colaborador de Alex, de aqui en adelante me veran trabajando en este blog, espero que les gusten mis posts, bueno he aqui mi primer post:

Un estudio de la compañía Forrester Research, dedicada al análisis de mercados relacionados con la tecnología dice que en 2008 se alcanzarán la escalofriante cifra de los mil millones de ordenadores en uso en todo el mundo.
El crecimiento es tan alto que aunque se han tardado 27 años en alcanzar el primer millar de millones tan sólo se necesitarán otros cinco en alcanzar la misma cifra, debido principalmente a las economías de los países emergentes; las predicciones de la compañía dicen que habrá dos mil millones de ordenadores funcionando en el 2015, lo que indica un crecimiento anual del 12.3 %.
Otra de las causas de este crecimiento es y será el lanzamiento de ordenadores de bajo coste como: el OLPC Y CLASSMATE de Intel

No olviden dejar sus comentarios

::PSP Slim::

2007-06-12T17:41:00.000-05:00

::PSP Slim::

Hoy les presento la una noticia importante, SONY habla de un PSP Slim, se trata del posible rediseño de su consola portátil, no una nueva versión. Así, el hardware sería el mismo, y cambiarían otras cosas como:

Pantalla de tipo LED que además de mejores imágenes, le permite ser más delgada.
Mayor autonomía, hasta 4 veces la de la actual PSP.
Memoria interna de 8 Gb de tipo flash.
Controles más parecidos a los de la PS3.
No se ha decidido si acabado mate o brillo.
La cámara no está decidido que se incorpore, pues integrarla en el diseño aumentaría el precio.
Se vendería por menos de 170 dólares.
Sería presentada en el próximo E3 y se pondría a la venta en agosto.

No olviden dejar sus comentarios

::PS3 ¿fracaso?::

2007-06-12T15:30:00.000-05:00

::PS3 ¿fracaso?::

Segun he leido estos ultimos dias en la internet, el vdirector de comunicaciones de SONY, Dave Karakke, ha comentado q la PlayStation 3 no ha tenido el éxito esperado debido a diversos foros de Internet y a los comentarios de los propios internautas.

Habria q ver diversos factores como:

El precio, casi el doble q su rival el Wii.

Hubo muchos retrasos en el estreno de la consola.

Acaba de salir la nueva consola de Xbox, Xbox Elite.

Yo creo q por un par de miles de comentarios en el internet no infuyen en la perdida de dinero a causa del PS3.

No olviden dejar sus comentarios

::9 minutos de fama::

2007-06-12T15:08:00.000-05:00

::9 minutos de fama::

Esta pagina dedica 9 minutos de fama a la primera persona en poner la URL de su blog.

Cada 9 minutos exactamente sale un cuadrito en la zona verde donde todos los visitantes de esa pagina tienen q esta atentos para poner la URL de su blog, el primero en poner la direccion de su pagina y poner aceptar sera el ganador de los 9 minutos de fama.

En esa pagina, si eres el ganador, apareceran al azar 5 post de tu blog y asi todas las personas q esten viendo esa pagina podran ver el contenido de tu blog y podran votar por tu pagina.

Hay q estar atento, por q tienes q poner la direccion de tu pagina muy, muy rapido.

::Blu-ray::

2007-06-12T14:57:00.000-05:00

::Blu-ray::

Blu-ray es un formato de disco óptico de nueva generación de 12 cm de diámetro (igual que el CD y el DVD) para vídeo de alta definición y almacenamiento de datos de alta densidad. De hecho, compite por convertirse en el estándar de medios ópticos sucesor del DVD. Su rival es el HD-DVD.

El disco Blu-Ray hace uso de un láser de color azul de 405 nanómetros, a diferencia del DVD, el cual usa un láser de color rojo de 650 nanómetros. Esto permite grabar más información en un disco del mismo tamaño.

La letra "e" de la palabra original "blue" fue eliminada debido a que, en algunos países, no se puede registrar para un nombre comercial una palabra común.

Blu-ray y HD-DVD comparten las mismas dimensiones y aspecto externo. Blu-ray fue desarrollado en conjunto por un grupo de compañías tecnológicas llamado Asociación de Disco Blu-ray (BDA en inglés), liderado por Sony y Philips.

Lastima q los lectores de estoy discos ayan salido tan caros, yo he llegado a ver lectores de Blu-ray de hasta $2,000 dolares.

No lviden dejar sus comentarios.

::Alienware m9750::

2007-06-12T14:52:00.000-05:00

::Alienware m9750::

Este es el nuevo equipo q ha estado mostrando Alienware, es el modelo m9750, con una pantalla de 17 pulgadas, procesador Core 2 Duo y tarjetas Nvidia Go 7950 GTX 512 MB.

Disco duro de, adivinen, 400 gb, 2 GB de RAM, sintonizador de TV y unidad de BluRay.

El primer lugar donde salrdra a la venta se ra en Europa.

No olviden dejar sus comentarios

::Tecnología de Kodak para mejorar las fotos de animales::

2007-06-12T14:36:00.000-05:00

::Tecnología de Kodak para mejorar las fotos de animales::

Esta noticia la encontre en Xataka y me parecio muy intesante.

La mayoría de cámaras de hoy en día disponen de la función de “reducción de ojos rojos” para evitar el mal resultado en las fotos con flash. Pero, ¿qué pasa con las fotos de nuestros animalitos?

Para ello, Kodak anuncia el desarrollo de un sistema que reducirá esos colores tan raros en los ojos en las fotos de animales. Estará listo a finales de este año y supongo que empezarán implantándolo en sus propias cámaras.

No olviden dejar sus comentarios

::Robot con expresiones faciales::

2007-06-10T21:15:00.000-05:00

::Robot con expresiones faciales::

Lo que ves en la imagen de arriba no es para asustarse. O quizás sí, sobre todo si tenemos en cuenta que el robot está respondiendo a la palabra amor con una expresión facial. Que raro q ponga esa cara cuando le dicen "Love".

El simpático ser inerte se llama Kansei, que significa algo así como "sensaciones", y es un desarrollo de la Universidad de Meiji. El robot funciona de manera que cuando escribimos una palabra en el ordenador o la escucha él mismo, indaga en una base de datos de 500.000 palabras y responde con el gesto que tiene asociado.

¿Que simaptico no?

::Windows Vista con reconocimiento de la voz::

2007-06-09T21:22:00.000-05:00

::Windows Vista con reconocimiento de la voz::

El muy novedoso Windows Vista trae implementado el sistema de reconocimiento de la voz, tiene un muy buen avance a comparacion de otros programas q aseguraban podian reconocer la voz humana, aunque aun el avance en esta campo es pobre, hemos tenido en gran paso hacia lo q seria una computadora q pudiera entendernos, y hasta, por q no , platicar con nosotros, he aqui unos videos del sistema de reconocimiento de voz del Windows Vista:

Como ven todavia estamos apenas empezando a caminar en esto del reconocimiento de voz.

::Imagenes con el photoshop::

2007-06-09T14:10:00.000-05:00

::Imagenes con el photoshop::

Vean las maravillas q se pueden hacer con el Photoshop.

Impresionante no, se dice q se terdaron alrededor de 5 horas en hacer cada una.

No olviden dejar sus cometnarios

::100 cosas para q tu blog sea mejor::

2007-06-08T21:15:00.001-05:00

::100 cosas para q tu blog sea mejor::

.
1. Si aún no, empieza a bloguear hoy
2. Escribe sobre algo que ames
3. Si empiezas a bloguear enserio compra tu propio dominio
4. Asegurate que el nombre del dominio es igual al nombre del blog
5. Una nombre corto y fácil de recordar.
Usa Wordpress
Usa Plugins de Wordpress.
Bloguea consecutivamente
Escribe al menos 5 posts por semana
Corrige
Corrige al menos una vez
Interactua con otro bloggers
Deja comentarios significativos
Deja comentarios divertidos
Deja el primer comentario
Haz un backup de tu blog (recomiendo uno cada semána mínimo),
Deshazte del calendario del SideBar.
Encuentra tu hueco sabiamente.
Participa en foros online
Pon un link a tu blog en la firma
Usa “Blog Carnival“
El contenido es el rey
Personaliza tu theme
Usa trackbacks
Simplifica la manera de llegar
Apalancate en los enlaces sociales
Juega en redes de blogs
Escribe listas de “Top 10″
Usa tags
Usa pings
Escribe artículos “How to…”
Haz tus artículos escaneables (vaya traducción…)
Lista tu blog en directorios
Contesta a tus lectores
Usa FeedBurner
Usa tu sentido del humor
Se generoso
Anima a tus lectores a que se suscriban
Ten algunos posts en borradores para las emergencias
Anima tus lectores a que envien tus posts a Digg, Meneame,…
Pon un enlace RSS en cada página.
Usa post en “serie”
Devuelve comenterios
Devuelve Links
Usa fuentes legibles
Acumula enlaces .edu y .gov
Divide posts largos en varias partes
Experimenta con diferentes fuentes de ingresos.
Escribe “pillar articles”
Usa Google Analytics
Esta sus números
Haz entrevistas por correo
Se tu mismo
Evita el contenido duplicado
Usa un lector RSS
Lee el máximo de blogs posibles
Centrate en el contenido eterno
Hazte con una página de About
Pon una foto tuya en esa página.
Create tu propia página de publicidad
Usa Meta Tags prudentemente
Aprende lo básico de SEO
Usa imagenes siempre que puedas
Crea valor para tus lectores
Coloca la publicidad prudentemente
Se paciente
Considera tener un compañero/a
Envia artículos a los directorios
Comparte tu trabajo propio
Comparte lo que has hecho para otros
Lee Problogger.net
No abarrotes tu sidebar con iconos
Deshazte de las laaaargas listas de blogroll
Experimenta con Google Adsense
Experimenta con Text-Link-Ads
Linka a otros blogs siempre que sea posible
Haz fácil que tus lectores contacten contigo
Usa títulos efectivamente
Ofrece suscripciones por mail.
Contesta siempre a las preguntas
Contesta siempre a los comentarios
Usa technorati
Activa la suscripción a los comentarios
Ofrece herramientas y links
Escribe con un toque personal
Conviertete en un experto en tu materia
No dependas de los enlaces a posts
Siempre aporta tu opinión
Usa colores simples
Participa el proyectos de blogs
Conoce a otros bloggers personalmente
Lista tus productos favoritos
Ten voz
Organiza tus categorías
95. Habla directamente con tus lectores
96. Crea una estructura de URL eficiente
97. Pon enlaces funcionales en el pie
98. Menciona SIEMPRE tus fuentes y referencias.
99. Haz resumenes semanales
100. Crea una lista de “100″

No olviden dejar sus comentarios

::Editor HTML en linea::

2007-06-08T15:02:00.000-05:00

::Editor HTML en linea::

Estuve paseando por internet y me encontre este editor en linea, es muy bueno si quieres var como va quedando tu post y si el "vista previa" de tu post se tarda mucho.

Es muy bueno. Solo hay q escribir el codigo html en la parte de arriba e inmediatamente ira apareciendo tu texto como se veria abajo.

Espero q les sirva.

No olviden dejar sus comentarios

::Como poner las categorias en forma de pestañas::

2007-06-08T12:59:00.000-05:00

::Como poner las categorias en forma de pestañas::

Un ejemplo de este hack lo puedes ver en este blog.

Este es un hack algo dificil, ten cuidado de no cambiar nada.

Lo primero q debes de hacer es, tener tus entradas etiquetadas.
Ve la imagen

Ya q tengas etiquetadas tuen entradas empezamos, primero se van a:
Plantilla---->Edicion HTML---->Expandir Artilugios, y buscamos esta linea:
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">

Y la cambiamos por esta:
<b:section class="header" id="header" maxwidgets="2" showaddelement="yes">
<b:widget id='Label1' locked='false' title='' type='Label'><b:includable id='main'><div id='tabsF'><ul><li><a expr:href='data:blog.homepageUrl'><span>Inicio</span></a></li><b:loop values='data:labels' var='label'><li><a expr:href='data:label.url'><span><data:label.name/></span></a></li></b:loop></ul></div></b:includable></b:widget>

Luego, colocamos el sig. codigo antes de ]]></b:skin>

/*- Menu Tabs F */

#tabsF {

float:left;

width:100%;

font-size:80%;

line-height:normal;

border-bottom:1px solid #000;

}

#tabsF ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabsF li {

display:inline;

margin:0;

padding:0;

}

#tabsF a {

float:left;

background:url("http://www.anniyalogam.com/labeltabs/tableftF.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}

#tabsF a span {

float:left;

display:block;

background:url("http://www.anniyalogam.com/labeltabs/tabrightF.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#666;

}

/* Commented Backslash Hack hides rule from IE5-Mac */

#tabsF a span {

float:none;

}

/* End IE5-Mac hack */

#tabsF a:hover span {

color:#FFF;

}

#tabsF a:hover {background-position:0% -42px;

}

#tabsF a:hover span {background-position:100% -42px;}

Eso es todo solo guarda los cambios y ya esta.

Si tienes problemas ponganlos en los comentarios.

No olviden dejar sus comentrios

::Agrandar la primera letra de un post::

2007-06-06T18:00:00.001-05:00

::Agrandar la primera letra de un post::

Hola a todos, les traigo un nuevo hack q hoy en dia se ve en muchos blogs y es muy facil de hacer.

Lo primero q tienes q hacer es irte a:

Plantilla---->Edicion HTML---->Expandir, y buscas el sig. codigo:

<style type='text/css'>

Justo despues colocas este codigo:

SPAN.firstcap {
font-size:300%;
font-weight:bold;
color:#000000;
float:left;
line-height:30px;
width:0.75em;
}

Dependiendo del tamaño de la letra q quieres, solo tienes q cambiar el numero en azul por uno mas grande, lo cambias hasta q este del tamaño de tu agrado. Guardas los cambios.

Ahora bien cada vez q quieras poner una letrota al principio de tu post, solo tienes q escribir el sig codigo al principio de tu post:

<span class="firstcap">Aqui la letra q quieres grande</span>

Eso es todo.

No olviden dejar sus comentarios

::Resaltar texto::

2007-06-06T17:42:00.000-05:00

::Resaltar texto::

Este es un hack facil de hacer.

Si quieres q una frase o palabra sobresalte de las demas este es el hack q estabas buscando.

Para q una palabra o frase sea resaltada en amarillo, solo sigue los sig. pasos.

Primero vas a:

Plantilla---->Edicion HTML---->Expandir, luego buscas ete codigo:

Y justo despues poner este otro:

span.highlight

{

background-color:#FFFF00

}

Guarda los cambios.

Ahora, cada vez q quieras resaltar solo poner el sig codigo en su post:

<span class="highlight">aqui va lo q quieren resaltar</span>

Eso es todo, a si, se me olvidaba, no se preocupen si no se ve el texto resaltado en la vista previa de su post, es normal.

No olviden dejar sus comentarios

::Como quitar el cuadro de "mostrar todas las entradas"::

2007-06-06T17:24:00.000-05:00

::Como quitar el cuadro de "mostrar todas las entradas"::

No se a ustedes pero a mi me desepera tener q estar viendo el cuadrtio ese cada vez q hago una busqueda en mi blog, asi q aqui esta el truco para eliminarlo.

Se van a:

Plantilla---->Edicion HTML---->Expandir, y buscan el sig codigo: .

<b:include data='top' name='status-message'/>
.

Despues solo lo borras y guardas los cambios y ya esta.

No olviden dejar sus comentarios

::Widget para q te enlacen::

2007-06-06T16:46:00.000-05:00

::Widget para q te enlacen::

Este hack lo saque de blogyweb, y consiste en aprender como agregar un boton (como el q esta hasta arriba ala derecha que dice "agreganos a tu blog") para q agregen un link a tu pagina.

Primero ve a:

Plantilla---->Nuevo elemento---->HTML/Javascript, y agregas el sig. codigo:

<form action="http://beta.blogger.com/add-widget" method="post" target="_blank"><input value="" name="widget.title" type="hidden" /><textarea style="display: none;" name="widget.content"><a href="http://TUBLOG.blogspot.com">aqui va lo q quieras q aparezca en el blog del otro(una palabra, una imagen o algo)</a></textarea><input value="Agrega a NOMBRETUBLOG a tu Blogroll" name="go" type="submit"><input type="hidden" name="infoUrl" value="http://blogyweb.blogspot.com/2007/06/crear-un-widget-para-que-agreguen-un.html"/></form>

Solo cambia lo q esta en azul y ya esta, no olvides q para agregar una imagen tienes q poner <img src="aqui la url de tu imagen">

No olviden dejar sus comentarios

Amigos: Tecnoraro

2007-06-06T16:37:00.001-05:00

Tecnoraro

Bueno pues hoy les hablare de un nuevo blog q me he encotrado se llama Tecnoraro, la verdad es q es muy buen blog q tiene de todo desde trucos para blogger, noticias, bueno de todo, muy buen blog muy recomendable, ojala y se den una vuelta por ahi.

Es muy buen blog ya q su creador lo actualiza seguidamente asi tienes mucho q leer.

Agradesco a Tecnoraro por su post de Hacktime.

Gracias Antonio.

::El tiempo que lleva tu blog en linea::

2007-06-04T17:59:00.000-05:00

::El tiempo que lleva tu blog en linea::

Si quieres mostrarle a todos tus visitantes cuanto tiempo lleva en linea tu blog solo tienes que copiar el sig. codigo, NO cambies ni BORRES nada del sig codigo, (solo la fecha--esta en azul--, la cambiamos por la fecha de donde queremos q empiece el conteo de dias) sino no servira, (antes de copiar y pegar el codigo lee lo q esta abajo del codigo):

function countup(yr,m,d){

var today=new Date()

var todayy=today.getYear()

if (todayy < 1000)

todayy+=1900

var todaym=today.getMonth()

var todayd=today.getDate()

var todaystring=montharray[todaym]+" "+todayd+", "+todayy

var paststring=montharray[m-1]+" "+d+", "+yr

var difference=(Math.round((Date.parse(todaystring)-Date.parse

(paststring))/(24*60*60*1000))*1)

difference+=" días"

document.write("Hace "+difference+" que este Blog esta en linea!")

}

//NOTA: Cambia en la linea de abajo, el dia desde el que quieres contar el tiempo

countup(2006,09,30)

</script>

Hoy es <script><!--dows = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");

months = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",

"Septiembre","Octubre","Noviembre","Diciembre");

now = new Date();

dow = now.getDay();

d = now.getDate();

m = now.getMonth();

h = now.getTime();

y = now.getFullYear();

document.write(dows[dow]+" "+d+" de "+months[m]+" de "+y);

//--></script>

No tiene publicidad ni links ni nada, no tienes por q preocuparte, es solo q el codigo es un poco largo, recuerda no cambiar NADA, solo la fecha (esta= 2006,09,30, esta en azul) Solo cambia la fecha por la fecha de la cual quieres q empieze el conteo de días.

Eso es todo.

No olviden dejar sus comentarios

::Visitantes de tu blog en linea::

2007-06-04T17:39:00.001-05:00

::Visitantes de tu blog en linea::

Aqui les traigo el codigo para poder tener un contador de visitantes online de tu blog, no tiene publicidad ni links, muy bueno.

Solo cambia donde dice "URL de tu blog" ,copialo y pegalo en:

Plantilla---->Nuevo elemento de pagina---->HTML/Javascript.

Eso es todo.

No olviden dejar sus comentarios

::Contador de visitas::

2007-06-04T17:30:00.000-05:00

::Contador de visitas::

Lo q les traigo aqui es un contador de visitas totales de tu blog si nada de publicidad, ni links ni nada y muy bueno, solo tienes q copiar y pegar el sig codigo en:

Plantilla---->Nuevo elemento de pagina---->HTML/Javascript:

Solo cambia donde dice URL de tu blog por la url de tu blog y ya esta.

No olviden dejar sus comentarios

::Sin subrayado en los links::

2007-06-04T17:11:00.000-05:00

::Sin subrayado en los links::

Por si no lo habian notado cada vez q tenemos un link y pasamos el mouse por encima, el link se subraya. Hay una forma muy cencilla de cambiar esto. Si quieres eliminar este efecto tienes q hacer lo sig.:

Ir a Plantilla----> Edicion HTML, y buscas el sig. codigo:

a:hover {

color:$titlecolor;

text-decoration:underline;

}

a img {

border-width:0;

}

/* Header

Para q desaparezca el subrayado solo tienes q cambiar la palabra underline por none

Eso es todo.

No olviden dejar sus comentarios