Hacktime

Que seria de la web sin este blog

Archivo de Noviembre 2006

Resultado de la Encuesta

Publicado por yaju en Noviembre 30, 2006

Con un total de 34 votos se ha dado a conocer que 32 votos pertenecen a un determinado grupo que que usa Blogger Beta y los 2 votos restantes pertenecen a Blogger.

94% Blogger Beta

6% Blogger

La cantidad de usuarios de Blogger Beta ha aumentado, y espero que siga asi :) . Gracias por tu voto.

Publicado en Blogger y Yo | 3 Comentarios »

¿Cuantas personas estan visitando tu blog?

Publicado por yaju en Noviembre 28, 2006

Hola amigos,

Les traigo un nuevo y muy simple “widget” para saber cuantas personas estan visitando tu blog, pueden ver un ejemplo en la parte superior de mi “sidebar” izquierda.

Para aplicarlo en el blog debemos…

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. Guardar cambios y listo. Salu2 y Diviertete

Publicado en Trucos Sencillos, Widgets | 6 Comentarios »

Como quitar el borde de las imagenes

Publicado por yaju en Noviembre 27, 2006

Bueno he estado ocupado por tal razon no he estado publicando ni respondiendo cometarios, pero ya he vuelto.

Vamos a ver un “hack” muy sencillo para deshacerse del molestoso borde de las imagenes(al menos para mi) que aparecen en los posts.

Comencemos…

1 Nos dirigimos a Plantilla–Edicion html

2 Buscamos el siguiente codigo:

.post img {
border: 1px

Cambiamos el 1 a 0 Guardamos y listo, hemos concluido con el hack y eliminado el molestoso borde de las imagenes. Salu2

Publicado en Trucos Sencillos | 1 comentario

Blogroll en Blogger Beta

Publicado por yaju en Noviembre 24, 2006

Este hack es muy personal (creado por mi con unos simples scripts) se encuentra ubicado en “sidebar” derecha

¿Que es BLOGROLL?

Blogroll es una lista con los blogs a los cuales estamos linkando o vinculando.

Colocando en el blog…

1. Nos dirigimos a:
Plantilla–Elementos de la pagina–Añadir un elemento de pagina–
HTML/Javascript

Añadimos:

<script language="javascript">
var capa
hidden="none";
show="block";
function cambio(idCapa){
if (document.layers ) capa = eval("document." + idCapa);
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval(‘document.getElementById("’ + idCapa + ‘").style’);
if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
capa.height = "" ;
capa.visibility = (document.layers) ? "show" : "visible" ;
}else{
capa.visibility = (document.layers) ? "hide" : "hidden" ;
capa.height = "0px" ;
}
}
//–>
</script>

<a style="cursor:pointer;" onclick="cambio(‘capa1′)"><b>[+ EXPANDIR/- CONTRAER]</b></a>
<br/>

<div id="capa1" style="visibility:hidden; position:relative; height:0px"><p>

<center><a href="dirección URL a enlazar"><img src="http://images.websnapr.com/?url=dirección URL a enlazar&size=s"></a></center>

</p></div>

Nota: Gracias a Chenko por la actualizacion del BLOGROLL. Diviertete

Publicado en Widgets | 7 Comentarios »

Nueva template para Blogger Beta

Publicado por yaju en Noviembre 20, 2006


Asi es amigos, AnTiLo0p nos trae una nueva template para Blogger beta.
Se trata de la antigua K2 para Blogger

Para descargarla hace click aqui

Nota: En caso de no funcionar dejadme un comentario.

Publicado en Plantillas blogger | 4 Comentarios »

Intercambio de Links

Publicado por yaju en Noviembre 19, 2006

Un enlace desde este blog, puede elevar tu popularidad entre los demas blogs, porque contamos con PageRank 4.
Ahora los que les propongo es que realicemos entre todos un Intercambio de Enlaces.
Ustedes dejan su link, y yo los enlazo sin ninguna condicion.

Ahora tambien puedes enlazar nos por medio de un pequeño banner:

COPIA EL CODIGO:


Para ser añadido dejad los siguientes datos en los comentarios:

Nombre del blog:……………………………….
Links:………………………………………………..

Blogs que nos enlazan:

Publicado en Blogger y Yo | 24 Comentarios »

Lightbox en Blogger Beta

Publicado por yaju en Noviembre 18, 2006

Fallido, disculpe las molestias muy pronto estaremos reemplazando este hack :)

Publicado en Trucos Difíciles | 18 Comentarios »

Mas pestañas para Blogger Beta

Publicado por yaju en Noviembre 11, 2006

Si queres unas pestañas diferentes a la del truco, escojed una de las siguientes:

Tabs A Color de las Tabs: Blancas
Tabs B Color de las Tabs: Grises
Tabs C
Color de las Tabs: Verdes
Tabs D
Color de las Tabs: Rosas
Tabs E Color de las Tabs: Rojas
Tabs F
Color de las Tabs: Celeste
Tabs G Color de las Tabs: Azules
Tabs H
Color de las Tabs: Negras
Tabs I
Color de las Tabs: Naranjas
Tabs J
Color de las Tabs: Cristal
Tabs K
Color de las Tabs: Cafe

Para cambiar las tabs solo debemos copiar el codigo antes de: ]]></b:skin>
y buscamos el codigo:

<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>Home</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>
<!– <b:include name=’quickedit’/> –>
</div>
</b:includable>
</b:widget>

Debemos cambiar esto : <div id=’tabsF‘> por el nombre correspondiente de las tabs.

Publicado en Blogger hacks | 12 Comentarios »

Imagen visible aunque bajemos el scroll a lo largo de la pagina

Publicado por yaju en Noviembre 5, 2006

Muchos de nosotros nos hemos preguntado como le hace Javimoya y otros blogs mas para colocar esa imagen que aunque bajemos la pagina o la subamos, pues bien me he sacado la m… mente para conseguir ese codigo, y he aqui, vayamos por paso:

Buscamos el siguiente codigo:

</head>

Despues de este colocamos:

<a href=’http://urldelenlaceparalaimagen.com/‘ style=’display:scroll;position:fixed;bottom:0px;right:0px;’><img src=’http://urldelaimagen.png‘/></a>

Nota: El truco temporalmente solo funciona para Firefox

Publicado en Blogger hacks | 5 Comentarios »

Categorias en forma de Pestañas para Blogger Beta

Publicado por yaju en Noviembre 3, 2006

Bueno amigos Hoctro’s Place nos trae un nuevo hack, es un poco complicado.
Vamos a realizarlo:

0. Etiquetar nuestros posts, si no sabes como visitad: http://help.blogger.com/bin/answer.py?answer=44498&topic=9084

1. Dirigirnos a: Plantilla–Edicion de Html–Expandir plantillas de artilugios

2. Modificar esta linea:
<b:section class=”header” id=”header” maxwidgets=”1″ showaddelement=”no”>

por esta:

<b:section class=”header” id=”header” maxwidgets=”2” showaddelement=”yes“>

3. Antes de: ]]></b:skin> colocar este codigo:

/*- 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;
}

4. Por ultimo buscamos el siguiente codigo:

<b:widget id=’Label1′ locked=’false’ title=’Etiquetas’ type=’Label’>
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title><h2>
<b:if>
<div class=’widget-content’>
<ul>
<b:loop values=’data:labels’ var=’label’>
<li>
<b:if cond=’data:blog.url == data:label.url’>
<data:label.name/>
<b:else/>
<a expr:href=’data:label.url’><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>

Y lo cambiamos por:


<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>
<!– <b:include name=’quickedit’/> –>
</div>
</b:includable>
</b:widget>

Listo ya tenemos nuestras categorias en forma de pestañas.

Nota: Antes de realizar el paso 4 necesitamos añadir las Eiquetas al blog ¿Como? Nos dirigimos a: Plantilla–Elementos de la pagina–Añadir nuevo elemento de pagina, y añadimos las Etiquetas

Publicado en Trucos Difíciles | 28 Comentarios »