lunes, 27 de agosto de 2007

Compartir tus entradas


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 + "&amp;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 + "&amp;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&amp;url=" + data:post.url + "&amp;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 + "&amp;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 + "&amp;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 + "&amp;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.


Escucha este escrito

La bandera de tu visitante

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

Bienvenidos, tu nos visitas desde:


IP Address Lookup


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



Eso es todo, suerte.


Escucha este escrito

domingo, 26 de agosto de 2007

Traductor

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:



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


Escucha este escrito

miércoles, 22 de agosto de 2007

Abrir-cerrar animado


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.


Escucha este escrito

jueves, 9 de agosto de 2007

Imagenes en movimiento

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


Escucha este escrito

miércoles, 8 de agosto de 2007

Plantilla Hacktime 3


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.


Espero que les guste.


Escucha este escrito

sábado, 4 de agosto de 2007

Plantilla Hacktime 2


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

El creador es Cesar, y yo la edite.



Espero que les agrade.


Escucha este escrito

viernes, 3 de agosto de 2007

Textos en movimiento

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.


Escucha este escrito

Calendario de posts

Cargando...

 
ir arriba