Hacktime

Que seria de la web sin este blog

CAMBIAMOS A BLOGGER

Posted by yaju en junio 13, 2007

HOLA A TODOS, ESTE ES EL ULTIMO POST Q HAGO EN WORDPRES, LA VERDAD ES Q PROBE EL BLOGGER Y ES MUY BUENO ASI Q DECIDI CAMBIARME,   MI NUEVO BLOG ES

 

PORFAVOR VAYAN A ESA PAGINA ESTA MUCHO MEJOR Y LE ECHE MAS GANAS.

LOS ESPERO.

www.hacktime.blogspot.com

Los espero.

Posted in Uncategorized | 1 Comment »

El final de Trucos Blogger…

Posted by yaju en junio 12, 2007

Cuando empecé este blog, nunca pensé que lo iban a leer mas de 400 personas diarias, la idea básica comenzo cuando trataba de “añadirle” unos efecto a un blog que había creado, pero en ese entonces no había un blog de ayuda que pudiera auxiliar me (porque era blogger beta), entonces decidí investigar como editar el blogger beta, y como no podía recordar tantos trucos cree un blog para guardar los apuntes…y ustedes ya conocen el resto de la historia…

Pues ahora me toca decir “hasta luego” por circunstancias que no puedo evitar, asi que me despido…el destino del blog es incierto, espero que mis colaboradores me sigan ayudando. Adios

Les dejo la siguiente “idea” de Jorge Serrano en la cual expresa lo que quiero decir:

La cuestión para uno siempre fue aprender, y compartir lo aprendido. Así que seguiremos investigando de una forma u otra. Y por si a alguien le interesa, quisiera constatar que un blog es una de las mejores formas de educación que he conocido, gracias al intercambio intenso de información, esa pre-navegación, esa mediación de información actualizada (a un nivel incluso estresante) y la pasión por este mundillo. Una pena que los que de verdad saben (no como yo) no cuenten más cosicas.

Ya sabéis donde se encuentra la ayuda, los trucos, widget, hacks, recursos, así que seguirán hay por siempre. ¡Hasta Luego y Ojalá vivas tiempos interesantes¡😉

Leonel Alvarado
Escritor

Posted in Blogger y Yo | 6 Comments »

Crea Encuestas en tu Blog

Posted by yaju en junio 11, 2007

Aquí de nuevo otro truco el cual uso en Exiliados del Olimpo

Básicamente es una forma de crear una “Encuesta”, la cual pueden editar por completo ( colores y opciones ), hablo de Poll4You simplemente tienen que seguir unos simples pasos:

  1. Poner la pregunta y seleccionar el numero de respuestas
  2. Escribir las respuestas probables
  3. Seleccionar los colores y poner su email ( para dar resultados )
  4. Insertar el código en un Widget nuevo ( elemento de su blog, por medio de edición de Plantilla )

El código el cual tienen que insertar en el Widget debe de verse más o menos así:

<script src="http://www.poll4you.com/showpoll.php?id=3552" type="text/javascript"></script>
<!-- End Poll4You.com Html Code -->

Aquí un ejemplo de mi encuesta en Exiliados del Olimpo

Posted in Trucos Sencillos | 5 Comments »

Eliminar titulo en el nuevo Blogger

Posted by yaju en junio 11, 2007

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

Nos dirigimos a:

Plantilla–Edicion HTML–Marcamos la casilla expandir plantilla de artilugios

Una vez ahí debemos buscar esta parte del código:

<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.

Sustraido sigilosamente de Gem@ que a su vez sustrajo de Ayuda para el Blog

Posted in Trucos Sencillos | 2 Comments »

Crea tu propio chat en tu blogger

Posted by yaju en junio 10, 2007

De nuevo desde Exiliados del Olimpo les traigo un nuevo truco, en esta ocación algo que les permitira tener más interacción con sus usarios.

Estoes, un chat el cual pueden editar en tamaño y fondo, para ponerlo en su blog ( muy similar al MSN ), simplemente cualquiera puede entrar y es muy bueno debido a su poco tiempo de carga y su opcion de guardar mensajes ( para poder navegar y chatear ).

Pueden ver un ejemplo en : http://blog.exolimpo.com

Para conseguir uno simplemente necesitan entrar a http://www.xatech.com/web_gear/chat.php#top

Posteriormente elegir un fondo ( a la izquierda ) y hacer click en Update & Get Code, obtendran un código SIMILAR a este:

<embed src=http://www.xatech.com/web_gear/chat/chat.swf quality=high bgcolor=#000000 width=540 height=405 name=chat FlashVars="id=6345045" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.xatech.com/update_flash.shtml&quot; /><br><small><a target="_BLANK" href="http://www.xatech.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://www.xatech.com/web_gear/chat/go_large.php?id=6345045">Go Large!</a></small><br>

El cual pueden poner en cualquier widget o Post

Posted in Trucos Sencillos | 3 Comments »

Ofrece Traducir tu Blog

Posted by yaju en junio 10, 2007

De nuevo desde Exiliados del Olimpo, vengo para traerles un simple truco el cual les permite ofrecer 2 idiomas extras en su blog.

¿Cual es la diferencia entre agregarlo manualmente y agregarlo por medio de este metodo?

La url que va a traducir, es dinamica, es decir, supongamos que un visitante esta en un post individual y tienes la opción de traducción puesta en html ( pero que vaya a tu página principal ), el usuario al hacer click saldría de ese post ya que el traductor lo manda a la página principal ( establecida en el link ).

Si no entienden lo que intento explicar, simplemente revisen este link hagan click en cualquiera de los botones de traducción y veran que traduce esa misma entrada.

Ahora, vayamos a la parte interesante, ¿Cómo hacerlo?

Lo que ustedes tienen que agregar es el código dentro de cualquier elemento del Menu, despues de:

<data:content/>

Pegan esto:

<h2>Translate/Traduisez</h2>
<div style='text-align:center;word-spacing: 8px;padding:0 5px 0 5px;'>
<a expr:href='"http://translate.google.com/translate?u=" + data:blog.url + "&amp;langpair=es|en&amp;hl=es&amp;ie=UTF-8&oe=UTF-8&prev=/language_tools"' target='_blank'><img align='absbottom' src='http://img186.imageshack.us/img186/6205/ussm0.gif' style='border:none;'/></a>
<a expr:href='data:blog.url' target='_blank'><img align='absbottom' src='http://img501.imageshack.us/img501/9021/mxea4.gif' style='border:none;'/></a>
<a expr:href='"http://babelfish.altavista.com/babelfish/trurl_pagecontent?lp=es_fr&amp;url=" + data:blog.url ' target='_blank'><img align='absbottom' src='http://img294.imageshack.us/img294/3779/frdg5.gif' style='border:none;'/></a>
</div>

Un ejemplo de lo que les digo para que entiendan:

Primero decidi que quería poner mi Buscador DENTRO del Widget, por lo que lo busque en el html ( por medio del titulo ), así quedo:

<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
<h2>Translate/Traduisez</h2>
<div style='text-align:center;word-spacing: 8px;padding:0 5px 0 5px;'>
<a expr:href='"http://translate.google.com/translate?u=" + data:blog.url + "&amp;langpair=es|en&amp;hl=es&amp;ie=UTF-8&oe=UTF-8&prev=/language_tools"' target='_blank'><img align='absbottom' src='http://www.exolimpo.com/images/us.gif' style='border:none;'/></a>
<a expr:href='data:blog.url' target='_blank'><img align='absbottom' src='http://www.exolimpo.com/images/mx.gif' style='border:none;'/></a>
<a expr:href='"http://babelfish.altavista.com/babelfish/trurl_pagecontent?lp=es_fr&amp;url=" + data:blog.url ' target='_blank'><img align='absbottom' src='http://www.exolimpo.com/images/fr.gif' style='border:none;'/></a>
</div>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Si tienen suerte quedara algo similar a lo que hay en Exiliados del Olimpo

Posted in Widgets | 3 Comments »

Darle Estilo a tu Buscador

Posted by yaju en junio 9, 2007

¿Alguna vez han visto una caja de texto con colores / bordes o fondo personalizado?, si su respuesta es no simplemente cheque mi blog: http://blog.exolimpo.com fijense, en el menú izquierdo, mi buscador tiene color diferente.

Así que les enseñare como hacerlo, es bastante simple, solo se necesita un pequeño código de CSS:

.formas {
width:100px; /* Largo Horizontal del cuadro */
background-color: #FFB96E; /* Color de fondo */
color: #975000; /* Color de la letra */
font-weight: bold; /* Tipo de fuente, Negrita(bold) y Normal */
font-family: Verdana, Arial, Helvetica, sans-serif; /* Fuente */
font-size: 10px; /* Tamaño de la fuente */
border: 3px 1px 1px 2px; /* Grueso del borde, en orden: ^ > v

Si no sabes HEX colors ( para los colores del fondo, letra y Bordes ) checa este sitio web:
http://www.hitmill.com/html/rgbcolorvalues.html

Pueden usar esta modificación para dejar su buscador con mucho estilo:
Ejemplo: http://blog.exolimpo.com

Posted in Trucos Sencillos | 3 Comments »

Identificar vinculos externos

Posted by yaju en junio 9, 2007

En esta ocasión aprenderemos algo muy útil, que nos sirve para identificar los vinculos externos por medio de un icono pequeño.

El truco consiste en utilizar los “selectores de atributos”. Por ejemplo, esto permitiría detectar todas las etiquetas A que contengan un vínculo a cualquier tipo de archivo:

En este caso identificaremos a dos tipos de archivos similares (en este caso archivos comprimidos), así que usaremos el mismo icono:

a[href $=’.zip‘], a[href $=’.rar‘]{
padding-right: 18px;
background: transparent url(http://bp0.blogger.com/_Zuzii37VUO4/Rh1xnUrQooI/AAAAAAAAAhc/wU0nM7M_Ebo/s1600/icono_zip.gif) no-repeat center right;
}

Aqui identificaremos con un icono a una hoja de estilo (CSS) externa:

a[href $=’.css‘]{
padding-right: 18px;
background: transparent url(http://bp2.blogger.com/_Zuzii37VUO4/Rh2GS0rQopI/AAAAAAAAAhk/4QyZEOVo2L8/s1600/icono_css.gif) no-repeat center right;
}

Aquí identificamos un archivo de texto:

a[href $=’.txt‘]{
padding-right: 18px;
background: transparent url(http://bp2.blogger.com/_Zuzii37VUO4/Rh2JS0rQoqI/AAAAAAAAAhs/8cn9Frf0DqE/s1600/icono_textoplano.gif) no-repeat center right;
}

O incluso podemos identificar el enlace a un e-mail:

a[href ^=”mailto:”] {
padding-right: anchoImagen;
background: transparent url(URL_imagen) no-repeat center right;
}

Y para identificar a un vinculo externo cualquiera (sin definir las clases) el siguiente código:

.linkexterno {
background: transparent url(http://bp1.blogger.com/_Zuzii37VUO4/Rimp_xN7pfI/AAAAAAAAAmM/kp9QQ5bj-nc/s1600/icono-link-externo.png) no-repeat center right;
padding-right: 14px;
}

Todos estos códigos deben de ser añadidos en:

Plantilla–Edición de HTML

Antes de ]]></b:skin>

Guardar los cambios y listo

Nota: Los iconos usados pertenece a BlogyWeb.

Otros Trucos

Diferenciar links externos con CSS

Selectores condicionales

Posted in Aprendiendo, Blogger hacks, CSS, Trucos Sencillos | Leave a Comment »

Galerías para tu Blog

Posted by yaju en junio 8, 2007

De nuevo, aquí Kurodesu desde Exiliados del Olimpo.
Aquí les explicaré como hacer galerías para su web, simplemente tienen que tener una cuenta Flickr, la cual es gratuita, no es necesario pagar nada ( a menos que quieran la versión Pro, la cual les da bandwidth ilimitado )

Ahora, lo primero que tienen que saber, es que poner sus galerías en el blog, puede resultar en un gran uso de bandwidth ( en su cuenta flickr ) dependiendo de la cantidad de gente que entre a su Blog.

Les puede o no resultar el hacer sus galerías en Flickr ( si tienen mucha gente ) ya que en mi caso, el limite de bandwidth ( transferencia ) mensual de 100mbs fue usado en menos de 1 día, por lo que terminé comprando una cuenta pro.

Para poder hacer su galería con flash simplemente tienen que crear su cuenta, subir algunas imagenes y ponerlas en un Set ( en el menu de flickr, You > Your Sets ) posteriormente ir donde se ubica la galería, en este caso: http://blog.exolimpo.com/2007/06/galeria-anime-chicas-lindas.html

Hacen click en la parte derecha inferior del elemento flash ( donde dice Info ) y les pedira que introduzcan su usuario ( el nombre de tu cuenta flickr ), luego cargara y le haces click en Sets ( que son el grupo de albums que posee tu cuenta ), lo seleccionas y copias el código que te da.

El código simplemente se introduce vía la pestaña HTML a la hora de poner un Post.

Posted in Widgets | 9 Comments »

Contador de Visitas Flash Avanzado

Posted by yaju en junio 7, 2007

Bueno, aquí les traigo un “truco”, más bien un servicio el cual uso en mi Blog Exiliados del Olimpo, un contador GRATIS, el cual es extremadamente bueno y te brinda un sin fin de opciones ( como usar el contador invisible, usar skins flash para tu contador etc ):

Además te dan otros servicios los cuales son gratis:

  • Muestra que palabras usan en los buscadores para llegar a tu Web/Blog
  • Visitas únicas, impresiones de página, quien esta Online, Visitas Totales ( configurable )
  • Tiene un sistema de predicción el cual hace aproximaciónes de cuantas visitas recibirás en el día ( basado en porcentajes )
  • Te muestra gráficas, datos de tus usuarios ( que sistema operativo usan, resolución de pantalla y más )

Todo es completamente gratis, puedes verlo en acción en http://blog.exolimpo.com

Simplemente tienes que Registrarte

Posted in Widgets | 3 Comments »