jueves, 31 de mayo de 2007

::"Leer mas" en tus posts::

::"Leer mas" en tus posts::

Este hack es facil de hacer pero hay q tener cuidado de no borrar ni una sola coma..

Primero nos vamos a:

Plantilla---->Edicion Html, buscamos </head>; y justo antes colocamos el sig. codigo:

<style type='text/css'>.ver_menu { display:block; }.ocultar_menu { display:none; }</style><script type='text/JavaScript'>function desplegar(categoria){var menu = document.getElementById(categoria);if(menu.className == &quot;ver_menu"){menu.className = &quot;ocultar_menu";}else{ menu.className = &quot;ver_menu"; } }</script>

Guardamos los cambios y nos dirigimos al lugar que deseamos añadir el despegable, se puede agregar en post y en sidebars. Editamos una entrada y añadimos lo siguiente:

<script type='text/JavaScript'>

</script>

<div class='UNIQUENAME'>

<a href='javascript:desplegar("UNIQUENAME");'>

Leer más

</a><ul class='ocultar_menu' id='UNIQUENAME'>En este espacio todo lo que deseamos ocultar,texto, imágenes, vídeos, un agradecimiento a Hacktime, etc..</ul>

</div>

Solo cambia los valores en azul y ya esta.

.
No olviden dejar sus comentarios


Escucha este escrito

::Codigo para que te enlazen::

::Codigo para que te enlazen::
.
He aqui un codigo q estuve buscando mucho tiempo y alfin lo encontre, es el codigo para crear los famosos links de las imagenes para elazar a otras paginas. Hay un ejemplo para q me anlazen en mi sidebar.
.
<p><h2 class="sidebar-title">
<p align="center">Título</p></h2><textarea>
<a href="http://tublog.blogspot.com" target="_blank"><img src="urldetuimagen"/></a></textarea><p></p><p align="center">
<a href="http://tublog.blogspot.com" target="_blank"><img src="http://urldetuimagen"/></a></p></p>
.

Asi se veria


Eso es todo, solo guarda tus cambios.
.
No olviden dejar sus comentarios


Escucha este escrito

::Inhabilitar el boton derecho en tu blog::

::Inhabilitar el boton derecho en tu blog::
.
Para q en nuestro blog no se permita utilizar el boton derecho solo tenemos q copiar y pegar el sig. codigo en:
.
Plantilla----> Nuevo elemento---->Html/Javascript:
.
<script language="JavaScript">
<!--
function inhabilitar(){
alert ("Función inhabilitada.Perdonen las molestias.")
return false
}
document.oncontextmenu=inhabilitar
// -->
</script>
.
Eso es todo, solo guarda tus cambios
.
No olviden dejar sus comentarios


Escucha este escrito

::Haz que te agregen a favoritos::

::Haz que te agregen a favoritos::
.
Para tener un boton con el cual tus visitantes te puedan agregar a sus favoritos solo tienes que copiar y pegar el sig.codigo en:
.
Plantilla----> Añadir nuevo elemento---->Html/Javascript:
.
Script para añadir a favoritos
.
<script language="JavaScript">
function agregar(){
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {var url="aquí-la-url-del-blog";
var titulo="aquí-la-url-del-blog";
window.external.AddFavorite (url,titulo);
}
else {
if(navigator.appName == "Netscape")
alert ("Presione Crtl+D para agregar Hacktime a tus favoritos");
}
}
</script>
<input value="Agregar a favoritos" onclick="javascript:agregar();"
type="button"/>
Ahora solo mueve la etiqueta a cualquier lugar de tu plantilla y ya esta ( no olvides cambiar donde dice "hacktime a favotitos".
No olviden dejar sus comentarios


Escucha este escrito

miércoles, 30 de mayo de 2007

::Imagenes con subtitulo::


::Imagenes con subtitulo::
Aqui va el subtitulo de tu imagen

Cuando subes una imagen atravez del upload de blogger nos aparece un codigo mas o menos asi en edicion de html:.

<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_avcdxpb9yUs/RcMXPQ1lRrI/AAAAAAAAAJg/o2k-vhr9xKs/s1600-h/549474.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_avcdxpb9yUs/RcMXPQ1lRrI/AAAAAAAAAJg/o2k-vhr9xKs/s400/549474.jpg" alt="eneko" id="BLOGGER_PHOTO_ID_5026887160060790450" border="0" />Aqui va el subtitulo de tu imagen</a></div>


Solo escribe el subtitulo de tu imagen justo antes de </a> y eso es todo, solo centra el texto y ya esta.

No olviden dejar sus comentarios



Escucha este escrito

martes, 29 de mayo de 2007

::Ultimos comentarios en la sidebar::

::Ultimos comentarios en la sidebar::
.
Si quieres q los ultimos comentarios aparescan en tu side bar solo tienes q hacer lo sig:
Vas a:
.
Plantilla----> Agregar elemento a la pagina---->Feed, y hay agregas la sig direccion:

Solo cambia donde dice NOMBRE DE TU BLOG y ya esta solo escoge el numero de comentarios q quieras q aparescan, solo guarda y listo.

No olviden dejar sus comentarios


Escucha este escrito

lunes, 28 de mayo de 2007

::¿Como ocultar el titulo en Blogger Beta?::

::¿Como ocultar el titulo en Blogger Beta?::
.
Este es un hack muy facil de aplicar. Lo unico q se tiene q hacer es lo sig:
.
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 cuanta lo unico q hicimos fue agregar al final display: none; ese es el truco.
.
No olviden dejar sus comentarios


Escucha este escrito

Lista de blogs Amigos

Lista de amigos de Hacktime

Ahora los que les propongo es que realicemos entre todos un Intercambio de Enlaces.
Ustedes nos agregan en su grupo de blogs amigos (o como lo quieran llamar), poner algun banner de este post (si agregan un banner tiene derecho a q nosostros pongamos una imagen y no solo su nombre, como enlaze a su blog), y luego dejan su link, y nosotros los agregamos a nuestra lista de amigos en movimiento. Asi todos salimos ganando.
Deja los siguientes datos en los comentarios:

Nombre del blog (o url de una imagen en caso de q hayas elegino poner un banner nuestro en tu blog):........................
URL de tu web:..........................................

Estos son algunos de los blogs amigos:


Escucha este escrito

::Obtener la URL de una imagen::

::Obtener la URL de una imagen::

Este no es un hack pero es uno de los fundamentos basicos q muchas personas no saben.

Bueno, para obtener la URL de una imagen en internet:
Primero se tiene q dar con el boton derecho sobre la imagen.



Luego damos click en "Propiedades"

Y donde dice "direccion URL copiamos todo el codigo y ya esta, ese el el codigo URL de la imagen.


Y eso es todo.

No olviden dejar sus comentarios


Escucha este escrito

::Poner una imagen de fondo en tus entradas::

::Poner una imagen de fondo en tus entradas::
.
¿Quieres hacer que las entradas de tu blog se diferencien a la del cualquier otro blog?. Pues os traigo la solución...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, si no sabes como obtener la url de una imagen, ve a esta entrada.
.
No olviden dejar sus comentarios


Escucha este escrito

domingo, 27 de mayo de 2007

::Tu blog en el buscador google::

::Tu blog en el buscador google::
.

Si tu blog no aparece el Google es posible que sea porque aún no has agregado tu URL (dirección en la red). Puedes hacerlo AQUÍ. Pon tu nombre en mayúsculas para ser más visible. Suerte, paciencia y ánimo. Google puede tardar un poco pero terminará reconociéndote. Hazte visible. Sigue divirtiéndote y que te vean.


No olviden dejar sus comentarios


Escucha este escrito

::Emire::

Templates para tu blog


Emire

Demo

Descargalo

Despues solo sigue los pasos del sig. post. Q hacer despues de descargar la plantilla


Escucha este escrito

::Andreas04::

Templates para tu blog


Andreas04

Demo

Descargalo

Despues solo sigue los pasos del sig. post. Q hacer despues de descargar la plantilla


Escucha este escrito

::Andreas08::

Templates para tu blog


Andreas08

Demo

Descargalo

Despues solo sigue los pasos del sig. post. Q hacer despues de descargar la plantilla


Escucha este escrito

::Andreas02::

Templates para tu blog


Andreas02

Demo

Descargalo

Despues solo sigue los pasos del sig. post. Q hacer despues de descargar la plantilla


Escucha este escrito

::Kubrick::

Templates para tu blog


Kubrick

Demo

Descargalo

Despues solo sigue los pasos del sig. post. Q hacer despues de descargar la plantilla


Escucha este escrito

::Erudite::

::Templates para tu blog::


Erudite

Demo

Descargalo

Despues solo sigue los pasos del sig. post. Q hacer despues de descargar la plantilla


Escucha este escrito

sábado, 26 de mayo de 2007

::Imagen de fondo en tu blog::

::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. Y si no sabes cmo obtener la URL de la imagen ve esta entrada.
.
No olviden dejar sus comentarios


Escucha este escrito

::Cambiar el tamaño de letra en cualquier blog::

::Cambiar el tamaño de letra en cualquier blog::

Si te en cuentras en un blog en el cual la letra es muy pequeña o simplemente no es de tu agrado hay una forma de hacer que el tamaño de letra cambie a tu gusto.
.
Lo unico que tienes que hacer es en cualquier parte del blog aprietas el boton "Ctrl" y sin soltarlo mueves la rueda del raton hacia arriba o hacia abajo segun quieras el tamaño de letra, en algunos casos tambien se puede usar "Ctrl" y las teclas de + ó -.

.
.

No olviden dejar sus comentarios


Escucha este escrito

::Como poner una imagen antes del titulo del post::

::Como poner una imagen antes del titulo del post::

Este es un hack muy facil de aplicar, la siguiente imagen es un ejemplo de un aimagen antes de un post.
.

La forma para aplicar el truco es ir a:

Diseño---->Plantilla---->Plantilla HTML----> Expandir artilugios

Luego buscamos esta parte del código (está casi por el final):

<h3 class='post-title'>

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

<a expr:href='data:post.link'>

<data:post.title/>

</a><b:else/>

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

<a expr:href='data:post.url'>

<data:post.title/>

</a>

<b:else/>

<data:post.title/>

</b:if>

</b:if>

</h3>

Justo después de <a expr:href='data:post.url'> añadimos la dirección (url) de nuestra imagen, dentro de "img src", quedaria así (es la dirección de la imagen del lápiz que he puesto yo)
.
<img src="http://img296.imageshack.us/img296/700/lapicerold6.gif"/>
Eso es todo solo pon envista preliminar para asegurar que este bien y ya esta solo guarda los cambios.
No olviden dejar sus comentarios


Escucha este escrito

::Poner texto en movimiento::

::Poner texto en movimiento::
.
Este es un hack muy facil de hacer.
.
Para que una palara o frase este en movimiento lo unico que tienes que hacer es agregar el sig codigo en cualquier lugar que quieras (en un post, en tu plantilla):
.
<marquee>Aqui escribes lo que quieres que este en movimiento.</marquee>
.
Y eso es todo, pones tu elemento en cualquier parte de la plantilla o de tu post y ya esta.
.
No olviden dejar sus comentarios


Escucha este escrito

::K2::

::Templates para tu blog::

Bueno, aqui les traigo una gran recopilacion de tempates para su blog.

K2





Demo


Descargalo

Despues solo sigue los pasos del sig. post. Q hacer despues de descargar la plantilla


Escucha este escrito

jueves, 24 de mayo de 2007

::El video mas visto en Youtube::

.
::El video mas visto en Youtube::
.
Se trada de un vídeo de seis minutos sobre la evolución del baile y se ha convertido en el vídeo estrella de la Red a través de YouTube, donde ha sido visto 48,931,192 de veces y ha sido clasificado como favorito 194,907 veces (20 de mayo-2007) .
.
El tema muestra una singular y divertida evolución del baile a través de 32 canciones. En sus seis minutos de duración se agrupan canciones desde los años 60 hasta nuestros días, pasando por artistas con movimientos tan peculiares como Michael Jackson, MC Hammer, Elvis Presley, la macarena o Eminem.
.
El humorista estadounidense Judson Laipply, su creador, tienen varios shows planificados. Compañías como Verizon, Hilton o American Airlines ya han expresado su interés por contratarle.
.

No olviden dejar sus comentarios

Regresar a pagina principal


Escucha este escrito

::Como sacar la barra de blogger beta::

::Como sacar la barra de blogger beta::
.
Este es una de los hacks mas faciles q me he encontrado en la web, si quieres eliminar la barra de blogger (la q aparece hasta arriba de tu blog), solo tienes q hacer lo sig.:
.
Plantilla----->Modificar html, copias y pegas el sig. codigo antes de <head>.

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

Tan sencillo como copiar y pegar.
.
No olvides dejar tus comentarios
.


Escucha este escrito

::Plantilla con 2 sidebars::

::Plantilla con 2 sidebars::

Bien, este es un nuevo hack, como ustedes prodran ver tengo dos sidebars en mi blog, para hacerlo nosotros hemos de hacer lo siguiente:

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

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

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 negro) 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:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>


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

Si todo sale bien tu plantilla debara verse asi:


En caso de que no halla salido bien:


Si en la plantillatienesdos side bar pero una esta arriba y otra abajo, cambia ,en el paso numero 3, los numeros que estan en verde por numeros mas pequeños, por ejemplo si dice: Main wraper"width: 55%" cambialo por "width: 40%".

Espero que les funcione este hack, y si no no duden en mandarme un mail aqui

No olviden dejar sus comentarios


Escucha este escrito

::¿Cuantas personas estan visitando tu blog?::

::¿Cuantas personas estan visitando tu blog?::
.
Este es un nuevo widget facil de aplicar, espero que les gusten.
1. Dirigir nos a:
.
Plantilla--> Elementos de la pagina--> Añadir un elemento de página-->HTML/Javascript
.
2.Copiamos y pegamos el siguiente codigo:

<!-- INICIO CONTADOR -->
<a id="lnolt_" style="text-decoration:none;" href="http://cifradasweb.net/" target="_blank">
<script language="JavaScript" src="http://cifradasweb.net/olct/online.php?site=urldetu blog.blogspot.com&interval=600"></script></a><a style="text-decoration:none;" href="http://urldetublog.blogspot.com/" target="_blank"> Persona(s) Esta(n) Visitando el Blog</a>
<!-- FIM CONTADOR -->

3. Cambiamos donde dice: urldetublog.blogspot.com

4. Guardamos los cambios y eso es todo.

No olviden dejar sus comentarios


Escucha este escrito

::Añade lapiz de para editar al principio de tus posts::

::Añade lapiz de para editar al principio de tus posts::

El sig, hack lo saque del blog de Hoctros mientras buscaba nuevos hacks.
Estaba buscando un hack con el cual el lapiz de edicion, no solo estuviera al final de los posts sino tambein al principo, y lo encontre.
Primero, vas a Plantilla--> Editar html---->Expandir, luego buscas la siguiente linea:

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

E inmediatamente despues agregas el suguiente codigo:

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

Eso es todo, facil, no??

No olviden dejar sus comentarios


Escucha este escrito

::Comentarios en la sidebar::

::Comentarios en la sidebar::
.
Entre los distintos elementos que permite crear el editor WYSIWYG de Blogger Beta hay uno que permite añadir contenidos de tipo feed de un sitio web al blog. Con ésta opción podemos insertar en la sidebar los comentarios que realizamos en nuestro blog, pero también los titulares de los post de otros blogs o webs amigas.
.
.

Lo que tenemos que hacer es lo siguiente, nos dirigimos a:

Plantilla->Elementos de Página pulsamos sobre el botón añadir un elemento de página y eligimos el tipo Feed.

En la ventana que se nos abre introducimos la URL del feed de nuestros comentarios, que será algo así:

.
http://ELNOMBREDENUESTROBLOG.blogspot.com/feeds/comments/full
.
Esta función nos permite elegir el número de comentarios a mostrar (como máximo cinco) y si se desea o no mostrar fecha y autor.
.
No olviden dejar sus comentarios


Escucha este escrito

::Buscador interno de un blog::

::Buscador interno de un blog::
.
La mayoria de los blog's cuenta con un buscador interno, pero más que interno es externo, estos blog's o bien ustedes en mayoria suelen utilizar el buscador "BlogSearch", un buscador de blog's propiedad de Google.
Este código resulta ser molesto y a la vez incomodo ya que sales del blog.
En esta ocasion tratremos de poner un buscador el su blog con el cual la buaqueda no los mande a otra pagina que no sea su blog.
Hay varias alternativas en cuanto este "hack", puedes colocarlo debajo del título o en tu sidebar, como más cómodo te quede. El código de buscador será el siguiente, pueden ver alguna que otra alternativa.
.
1)Buscador Simple, Solamente el botón "buscar" y el cuadro de texto.

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/><input id="search-btn" value="Ir!" type="submit"/></form>

2)Buscador con imagen. Incluye una imágen sustituyendo el botón que generalmente dice "Buscar" también incluye el cuadro de texto.

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" type="text"/>
<input border="0" alt="Buscar" src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Crystal_Clear_app_xmag.png/32px-Crystal_Clear_app_xmag.png" type="image"/>

3)Buscador con texto en cuadro de texto; Incluye texto dentro del cuadro donde se coloca la palabra a buscar y el botón buscar.

<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar en el Blog";' onfocus='if (this.value == "Buscar en el Blog") this.value = "";' type='text' value='Buscar en el Blog'/>
<input class="submit" type="submit" value="Buscar" />
</form>

4)Buscador con Imágen en el botón buscar y texto en el cuadro de texto. Incluye texto en el cuadro que introducimos en la palabra a buscar y cambia el botón "Buscar" por una imagen (en este caso una lupa)

<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar en el Blog";' onfocus='if (this.value == "Buscar en el Blog") this.value = "";' type='text' value='Buscar en el Blog'/>
<input alt='Buscar' border='0' src='http://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Crystal_Clear_app_xmag.png/32px-Crystal_Clear_app_xmag.png' type='image'/>
</form>


Bien, todas esas son las alternativas que presenta un buscador interno que sea útil, ahora hay que colocarlo donde queramos, para eso hay otras alternativas también.

a) Colocarlo debajo de título, como aparece en mi blog.

Para eso nos vamos a Plantilla-->Edición HTML-->Buscamos--->

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
<-------Aqui el codigo que eligas-------->
</div>

Espero q estos hacks les sirvan.

No olviden dejar sus comentarios


Escucha este escrito

::Redirecion de una pagina web/blog::

::Redirecion de una pagina web/blog::

Quienes deseen redireccionar un blog o una página a otra distinta de Blogger solamente deben introducir un código en su plantilla (Ir a Plantilla –> Edicion HTML), antes de </head> :


<script>location.href=&quot;http://dirección a la que queremos redireccionar.com&quot;</script>

Guardar y listo.
Este truco permite aprovechar el tráfico que recibía el blog antiguo, de forma que nos lo pensaremos mucho mejor a la hora de eliminar un blog y así, de paso, evitaremos la propagación de virus a través de ellos.
Curiosamente a esos virus se llega a través del redireccionamiento del blog eliminado.

No olvides dejar tus comentarios


Escucha este escrito

Q hago aqui

Pues bueno hoy me desperte con muchas ganas de hacer algo nuevo, algo diferente, pero, ¿q voy a hacer?... me pregunte, la verdad no tenia ni idea de q despues de un par de horas en la web me encontraria aqui, quien sabe como llege aqui, solo se q me agrado la idea de escribir para otras personas y q ellas lo disfrutaran.


Heme aqui sentado en una silla medio rota de madera, de hace como 10 años, y enfrente de mi una computadora q me acaban de regalar, pues, ahora q hago, no tengo ni idea de q tratara este blog, pero de lago estoy seguro, no sere de esas personas q empiezan algo y no lo acaban, no, y hoy siendo las 1:54 pm del 24 de mayo del 07, me propongo inicar este blog.
Ojala y no sea uno de esos donde las personas pasan..........pero nunca regresan.

Gracias por haber leido este post, ..........mi primer post, ..........pero no el ultimo.


Escucha este escrito

Calendario de posts

Cargando...

 
ir arriba