lunes, 30 de julio de 2007

¿Como cambiar las palabras "Entradas antiguas" por una imagen?

Primero busca el siguiente codigo
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>

Ahora si quieres poner una imagen como esta:


Este es el codigo:
<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>


<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/left.gif'/></a>
</b:if><b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/right.gif'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://photos1.blogger.com/blogger2/3880/707811929476148/1600/home.gif'/></a>
</div>
<div class='clear'/>
</b:includable>

Pero si mejor quieres cambiar la leyenda entradas antiguas cambia el codigo por este:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>Hacia las mas recientes</a>
</b:if> <b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>Hacia las mas antiguas</a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>Pagina de Inicio</a>
</div>
<div class='clear'/>
</b:includable>
La desicion es tuya elige la que te guste.LETRAS O IMAGENES?

Blockear el boton derecho de el mouse

Este codigo blockeara el boton derecho de el mouse pero tambien le mostrara un mensaje al usuario
Codigo:


Ver Codigo Fuente JavaScript

<script language="JavaScript">
function right(e) {
if(navigator.appName=='Netscape'&&(e.which==3||e.which==2))
return false;
else if(navigator.appName=='Microsoft Internet Explorer'&&(event.button==2||event.button==3)) {
warning =
" !!! Bienvenido !!! \n" +
"____________________\n" +
"\n" +
"NO se permite \n" +
"copiar las imagenes \n" +
"o ver codigo fuente \n" +
"de la pagina \n" +
"\n" +
"Gracias por tu visita!! \n" +
"Esperamos tus comentarios \n" +
"y sugerencias \n" +
"\n" +
"Gracias por su visita \n" +
"a www.hackcreapag.blogspot.com \n" +
"\n" +
"Vuelve cada vez \n" +
"que quieras \n" +
"\n" +
"____________________\n"
var agree = confirm(warning);
return false; }
return true;}
document.onmousedown=right;
document.onmousemove=right;
</script>


Lo que puedes modificar de este codigo es lo que esta en ROJO

Musica en | Blogger | Myspace | hi5 | Redes Sociales

Musica en nuestros blogs.
Con Radio.blog.club podemos poner musica en nuestros blogs, myspace, hi5 o cualquier otro sitio o red social donde se pueda usar html y/o javascript.

RAMMSTEIN/VARIAS:
3.-
5.-
6.-
10.-
11.-
MARILYN MANSON/VARIAS:
1.-
2.-
3.-
4.-
5.-
EVANESCENCE/VARIAS:
1.-
2.-
SYSTEM OF A DOWN/VARIAS
1.-
2.-
3.-
T.A.T.U./VARIAS:
1.-
2.-

domingo, 29 de julio de 2007

Una pagina dentro de tu blog

Si quieres tener dentro de tu blog otra pagina solo tienes que agregar el siguiente codigo en cualquier parte de una entrada.




Quedaria asi:





Espero y les haya gustado este diseño.
Diseño gracias a Hacktime

sábado, 28 de julio de 2007

VideoVirus

Bueno hoy veran varios videos que muestran como hacer un virus con el bloc de notas comenzemos.
Este virus lo que hace es multiplicar un archivo asi tal vez no se podria llamara virus....bueno hay que verlo





Bueno este es un virus que siver para que el ordenador se apague
al parecer este ya es un virus comun ya pues solo se insertan el codigo shutdown -s -t 20 -c "this a virus"
NOTA:esta aplicacion la puedes contrarestar abriendo el cmd y escribiendo shutdown -a

aqui hay otro mas este es para borra algunas filas o archivos.

Bueno queria poner un video (PERO NO APARECE EL CODIGO HTML PARA PONERLO AQUI) asi que pues yo lo escribi copienlo y lo pegan y si quieren lo prueban.

@echo off

md 1

md 2

md 3

start 1

start 2

start 3

muy bien el MD sirve para crear folders(puede crear el numero de folders que quieran)
y start para abrirlos asi que denle...........imaginacion a su virus.
Si quieren ver el video den click aqui
bueno despues voy a dar codigos para hacer virus voy a crear uno destructivo
pero tal vez lo publique.........

viernes, 27 de julio de 2007

Crackeo...O...Hackeo de hotmail¿?

Hoy no hablare de diseño web, hablare de hotmail hackeo, crackeo no se que termino utilizar ya que ahora cualquiera ya es un hacker.
He visto muchas veces en internet la pregunta¿como hackear hotmail?
esta pregunta ya esta tan difundida que todos guardan el secreto de hackear o crackear pero ¿realmente hay un secreto?para hackear o crackear un contraseña pues no lo se pero de lo que si estoy totalmente seguro es de que hay programas que puede afectar a tu cuenta tal es el caso de el ICE COLD RELOADED es un programa que blockquea el acceso a tu cuenta y...¿como hace eso el programa?lo que pasa esque es un programa que se conecta a la pagina de hotmail e introduce el ususario que escribes entonces escribe tantas veces la contraseña(es una contraseña incorrecta) que se blockea la cuenta y no puedes acceder a ella hasta que el individuo que controla el programa lo cierra.
Bueno aqui dejo un par de videos para conozcan el ice cold reloaded:






Ese es un ejemplo de hack crack de hotmail pero hay mas existe un programa llamado WEBMAIL HACK v2.3 es un programa que segun este video


te da la contraseña de correos de gmail y dicen que ya esta su version nueva para hotmail y yahoo solo introduces el ususrio y te da la contraseña sencillo pero no lo he probado.
Otro metodo es el de los fakes o scripts que se envian como targetas postales y te piden tu contraseña para que puedas ver la postal este metodo ya no se usa porque ya las personas no caen como antes pero hace 2 años (en el 2004) o mas era el mejor metodo era solo ingieneria social;Como este otro metodo que como muchas personas querian saber como hackear un contraseña asi que otros se aprovecharon de eso e inventaron este bonito ruco "ENVIA UN CORREO CON EL SIGUIENTE CODIGO A ht-pass-0000cuentas-server@hotmail.com
:form_pwd;login=(escribe aqui el login de tu victima)
form.login.foc us();form.passwd.ge ts=”;form_pwd;value=”yes”;
sendto=(escribe tu correo electronico); form.passwd (escribe tu password)
form_pwd;value=”admin”;
el sitema de hotmail se confundira y te enviara la contraseña de tu victima a tu correo"esto era ingieneria social realmente no lo enviabas a hotmail lo enviabas a un LAMMER yo no recuerdo muy bien el codigo que ponian pero pues con la desesperacion de saber pues ni se fijaban en el codigo solo insertaban lo que les pedian y....caiste!!ya no tienes cuenta.
y asi hay muchos metodos que tal vez no terminaria de escribirlos.

jueves, 26 de julio de 2007

Enlaces

Bueno aqui esta una lista de los blogs que nos tienen enlazados:
Hare una recomendacion para todos aquellos que esten interesados en Java y el blog que recomiendo es Carlitox en la web

Si quieres ser parte de esta lista solo enlazanos o deja en un comentario tu direccion y si tienes imagen pues tambien la escribes.

Poner una imagen de fondo en tus entradas

Vamos a ver como insertar una imagen de fondo en nuestros posts (entradas del blog).
.
Nos dirigimos a:
.
Plantilla--Edicion HTMLBuscamos el siguiente código:
.
.post-body {
clear: both;
padding-top: 10px;
}

.
Y lo cambiamos por el siguiente:
.
.post-body {
background: url(URL DE LA IMAGEN) top left;
clear: both;
padding-top: 10px;
}

.
Eso es todo

Codigo en html en texto plano

¿PARA QUE NOS SIRVE ESTA HERRAMIENTA?
sirve para que cuando quieras mostrar un codigo html no se interprete ya que al insertar un codigo html se intepretara asi que ¿como le hago para que no suceda esto?
bueno lee a continuacion lo siguiente:
Para convertir el codigo html a texto plano solo inserta el codigo que quieres que se convierta en texto plano y al hacer click en convertir se te redireccionara a otra pagina y en esa pagina aparecera el codigo que escribistes aqui.

Ahora solo escribe tu codigo!


Introduzca el código html que desea convertir a texto plano.











Mas adelante les dire como hacerlo de manera manual.

Quitar la barra de navegacion de blogger

A esta barra me refiero

bueno para hacer esto
1.-Ir a plantilla>>Edicion de html
2.-insertar el siguiente codigo entre ]]></b:skin> y <b:skin><![CDATA[/* tambien puedes ponerlo antes de <head> NOTA:(en caso de que lo pongas entre ]]></b:skin> y <b:skin><![CDATA[/*) Te recomiendo que lo insertes casi al final para que en caso de que quieras cambiar esto pues sea mas facil ubicar el codigo y borrarlo
Codigo:
<style type='text/css'>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>
Si tienes problemas con esto contactanos ya conoces nuestra direccion o en caso de que no la conocas da click aqui

Ocultar/Mostrar la barra de navegación de Blogger

1.-Ir a Plantilla>>Edición de HTML (no necesitas Expandir plantillas de artilugios) y agregas el siguiente código entre ]]></b:skin> y </head>.


<script src='http://wiki.script.aculo.us/javascripts/prototype.js' type='text/javascript'/>
<script src='http://wiki.script.aculo.us/javascripts/scriptaculous.js?load=effects' type='text/javascript'/>

<script type='text/javascript'>
function navbarShow() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:0.0, to:1.0});
}
function navbarHide() {
new Effect.Opacity('navbar-iframe', {duration:0.5, from:1.0, to:0.0});
}
function navbarHack() {
Event.observe('navbar-iframe', 'mouseover', navbarShow, false);
Event.observe('navbar-iframe', 'mouseout', navbarHide, false);
navbarHide();
}
Event.observe(window, 'load', navbarHack, false);
</script>



Si pegaste correctamente el codigo debera mostrase asi tu barra acerca el mouse para ver que pasa

martes, 24 de julio de 2007

Contacto


Puedes comunicarte aqui conmigo. Respondere lo mas breve posible.



(*) Campos requeridos
Nombre:

* E-Mail:

* Asunto

Sitio Web:

* Mensaje:

Imagen de verificacion:

captcha

[ Recargar Imagen ] [ ¿Que es esto? ]
Ingresa el texto de la imagen:



GRACIAS POR TU VISITA!!

domingo, 22 de julio de 2007

Subir favicon (paginas) *.ico o *.png

Este post ha sido reeditado debido a las quejas que he recibido de los visitantes.
Ahora listare algunas paginas en las que se pueden subir archivos *.ico *.png etc.



Si no les gusta ninguna de estas opciones tambien pueden usar Google Sites solo necesitan su cuenta de google y es obvio que si usamos Blogger tenemos cuenta google.
para enlazar el icono (una vez que lo hayan subido) el codigo seria el siguiente:

<link href='http://sites.google.com/site/hackdiseno2/hackdiseo-icono.ico' rel='icon' type='image/ico'/>
<link href='http://sites.google.com/site/hackdiseno2/hackdiseo-icono.ico' rel='shortcut icon' type='image/png'/>

Asi lo he hecho yo, tambien quiero decirles que es mejor poner este codigo antes de esta etiqueta:

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

y despues de esta otra etiqueta:

<b:include data='blog' name='all-head-content'/>


Al final su codigo deberia quedar entre las etiquetas marcadas con rojo:
<b:include data='blog' name='all-head-content'/>
<link href='http://sites.google.com/site/hackdiseno2/hackdiseo-icono.ico' rel='icon' type='image/ico'/>
<link href='http://sites.google.com/site/hackdiseno2/hackdiseo-icono.ico' rel='shortcut icon' type='image/png'/>
<title><data:blog.pageTitle/></title>

Esta es manera mas correcta de poner el codigo en blogger se los digo por experiencia xD
y tambien recuerden que en blogger sobre la plantilla se usa ' y no " para poner codigos por eso a veces no se enlaza bien el icono.
Por lo pronto es todo seguire dandole seguimiento a este post.

sábado, 21 de julio de 2007

Plantilla con 2 sidebars

1. Priemro vamos a plantilla y escojemos una de las que digan "Minima,minima dark minima blue etc." ya que estas son las mas faciles de alterar.


2. Luego vamos a plantilla---> Edicion html

Buscamos el sig. texto:

#outer-wrapper {
width: 750px;
...
}
#main-wrapper {
width: 400px;
margin-left: 20px;
...
}
#sidebar-wrapper {
width: 150px;
float: right;
...
}


3. Y todo eso lo cambiamos por el sig codigo:


#outer-wrapper {
margin:0;
padding:10px;
text-align:left;
font: $bodyfont;
}

#main-wrapper {
margin-left: 1%;
width: 55%;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

html > body #main-wrapper {
margin-left: 1%;
}

#sidebar-wrapper {
margin-right: 1%;
width: 20%;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#newsidebar-wrapper {
width: 20%;
float: right;
}
html > body #sidebar-wrapper {
margin-right: 1%;
}


NOTA: Si quieres que las dos sidebar esten a la derecha, no hagas ningun cambio, pero si quieres una de cada lado cambia donde dice "right" (en Rojo) por "left".

4. Despues buscamos el siguiente codigo:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
</b:section>
</div>

5. Y antes del codigo añadimos:

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
</b:section>
</div>


Eso es todo solo guarda y listo. Veras que en plantilla tienes dos sidebar.


Si todo sale bien tu plantilla debera verse asi:

Espero y no tengan problemas con esto en caso de que tenga problemas me lo hacen saber.
Si tienes problemas con esto descargate la plantilla esta contiene 3 sidebars.
Para descargarla solo da click aqui.

viernes, 20 de julio de 2007

Poner texto en movimiento

esto es facil de hacer
Para que una palara o frase este en movimiento lo unico que tienes que hacer es agregar el siguiente codigo en cualquier lugar que quieras (en un post, en tu plantilla):
el codigo es <marquee>aqui el texto que quieras que se mueva</marquee>
esto es con <marquee>y</marquee>

Espero y le haya servido.

Imagen de fondo en tu blog

Para poner una imagen de fondo lo unico que se necesita hacer es:
Plantilla---> Edicion html:
Luego buscas el sig. codigo:
.
body { background:#fff margin:0; padding:40px 20px;
.
Despues de donde dice: background:#fff , añades: url(URL de tu imagen de fondo);
.
Quedaria asi: body { background:#fff url(tuimagendefondo); margin:0; padding:40px 20px;
.
Eso es todo solo revisa en vista preliminar y guarda.

Poner una imagen de fondo en tus entradas

Nos dirigimos a:
.
Plantilla--Edicion HTMLBuscamos el siguiente código:
.
.post-body {
clear: both;
padding-top: 10px;
}
.
Y lo cambiamos por el siguiente:
.
.post-body {
background: url(URL DE LA IMAGEN) top left;
clear: both;
padding-top: 10px;
}

¿Como ocultar el titulo en Blogger Beta?

Nos dirigimos a:
.
Plantilla--->Edicion de html
.
2. Buscamos el siguiente codigo:
.
#header {
margin: 5px;
//border: 1px solid $bordercolor;
text-align: center;
}
.
Y lo cambiamos por este:
.
#header {
margin: 5px;
//border: 1px solid $bordercolor;
text-align: center;
display: none;
}
.
Si se dan cuenta lo unico que hicimos fue agregar al final display: none; ese es el truco.
Hack Diseño®

El comienzo de mi blog

aqui encontrara varios codigos para hackear,html y otros codigos
bueno pues comezaremos a postear