Publicado por yaju en Octubre 30, 2006
Hola, he aqui un nuevo hack, el cual nos permitira separar cada post con una imagen (barra divisoria).
Escojemos uno de los dividers que mas nos guste, tenemos una gran eleccion en Dividers
Buscamos el siguiente codigo:
<p class=”post-footer-line post-footer-line-3″/>
Despues de esto colocamos:
<input src=”
http://urldeldivider.gif” type=”image”></p>
2da Forma:
<b:include data=’post’ name=’post’/>
y para añadir la imagen debemos añadir el codigo para que quede asi:
<b:include data=’post’ name=’post’/>
<center><img src="aquí-la-url-de-la-imagen"/></center>
Nota: Los dividers son una cortesia de Gem@
PD: esta entrada ha sido Optimizada
Publicado en Trucos Sencillos | 8 Comentarios »
Publicado por yaju en Octubre 30, 2006
Mis Futuros Hacks.
- Dividers en blogger beta
- Ajax en Blogger Beta
- Plantillas de 3 Columnas (disponibles para descargar)
- Posts expandibles en blogger beta
- Labels en pestañas para blogger beta
- Comentando los comentarios (dejar comentario)
- Cambiar el color de fondo del blog para blogger beta
- Explacion de todos mis hacks
- Como controlar el numero de posts en las paginas de labels
- Mutiples estilos para las labels para blogger beta
Y Muchos mas…
Publicado en Blogger y Yo | 2 Comentarios »
Publicado por yaju en Octubre 29, 2006
Bien he vuelto!!!
Bueno les traigo un nuevo hack, se trata de un banner aleatorio, pueden ver un ejemplo en mi blog “WebHacker” haciendo click en actualizar o recargar dependiendo del navegador o presionando F5 bueno vamos al punto (o a la coma), este hack no los trae Gabriel
Colocamos el siguiente codigo debajo de <body>
<script type=”text/javascript”>
var banner= new Array()
banner[0]=”http://tubanner.jpg”
banner[1]=”http://tu_otro_banner.jpg”
banner[2]=”mas_mas_banners.jpg”
banner[3]=”http://no_crees_que_son_muchos_banners.jpg”
banner[4]=”http://mas_banners_para_tu_blog.jpg”
var random=Math.round(4*Math.random());
document.write(“<style>”);
document.write(“#header {“);
document.write(‘ background:url(“‘ + banner[random] + ‘”) no-repeat left TOP;’);
document.write(” }”);
document.write(“</style>”);
</script>
Lo que necesitas cambiar:
- La URL de tus graficos
- Si tienes otro o mas banners añade banner[X]=”http:añade_otro_banner.jpg”(“X” corresponde a el numero del banner correspondiente)
- Si en el caso de añadir otro banner y realizar el paso 2 debemos cambiar Math.round(X*Math.random());
Por el numero de banners que tenemos en total.
Publicado en Blogger hacks | 2 Comentarios »
Publicado por yaju en Octubre 28, 2006
Buenas, bien este es un nuevo hack, como ustedes prodran ver tengo dos sidebars en mi blog, para hacerlo nosotros hemos de hacer lo siguiente:
Buscar el siguiente codigo:
#outer-wrapper {
width: 750px;
…
}
#main-wrapper {
width: 400px;
margin-left: 20px;
…
}
#sidebar-wrapper {
width: 150px;
float: right;
…
}
Despues de esto añadimos:
#newsidebar-wrapper {
width: 150px;
float: left;
}
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>
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>
Si tu vas a Template->Page Elements, tu prodras ver dos “sidebars”. Podras mover elementos entre ellas y añadir nuevos elementos tambien. Diviertete 
Publicado en Trucos Difíciles | 37 Comentarios »
Publicado por yaju en Octubre 24, 2006
Bueno, he aqui un nuevo truco para blogger beta, como añadir tu favicon (favorite icon) a tu blog
Vamos a lo primero:
¿Que es Favicon?
Pues si encontre el significado de favicon en wikipedia click aqui
Ahora si
Pongamos nuestro favicon en nuestro blogger beta…….
- Creamos Nuestro Favicon con el servicio de favicon llamado Favicon from Pics
- Ponemos cualquier imagen que queramos y la subimos, al final nos dara unas pequeñas imagenes en formato .ico, .gif y .png
- Usaremos la .png
- Subimos la imagen a blogger
- Nos dirijimos a nuestra plantilla Template-Edit Html
- Buscamos el siguiente codigo.
<title><data:blog.pagetitle><title>
Y despues de esto colocamos:
<link href=’http://tufavicon.png‘ rel=’shortcut icon’ type=’image/x-icon’/>
<link href=’http://tufavicon.png‘ rel=’icon’ type=’image/png’/>
Publicado en Blogger hacks | 20 Comentarios »
Publicado por yaju en Octubre 23, 2006
Hey como estan, yo bien aqui publicando un nuevo truco, no se confundan este truco es difirente al anterior y que una ves mas llega por Hackosphere.
Pasos
1 Es mas facil que el anterior
2 Ir a Template->Page Elements y da click en “Add a Page element”
3 Escoje Feed
4 Escribe la url del feed de tu blog osea http://elnombredetublog.blogspot.com/feeds/comments/full
5 Click en “Continue”
6 Configurar el numero de comentarios que deseas (maximo cinco)
7 Click en “Save Changes”
Publicado en Trucos Sencillos | 14 Comentarios »
Publicado por yaju en Octubre 22, 2006
Bien bien algunos hemos visto los ultimos post en la sidebar de algun blog y hemos intentado buscar una forma pero nada, bien este es el truco para hacerlo nosotros con nuestro blogger beta, un aporte de Hackosphere:
1 Es lo mas facil
2 Ir a Template->Page Elements y da click en “Add a Page element”
3 Escoje Feed
4 Escribe la url del feed de tu blog osea http://elnombredetublog.blogspot.com/feeds/posts/full
5 Click en “Continue”
6 Configurar el numero de post que deseas (maximo cinco)
7 Click en “Save Changes”.
Publicado en Trucos Sencillos | 16 Comentarios »
Publicado por yaju en Octubre 21, 2006
Bueno amigos como muchos sabemos he estado fuera por un tiempo por problemas tecnicos, y haciendo un intento para postear en este blog estoy aqui.
Bueno vamos al arroz(grano) .
Como ya sabemos meneame es un sistema de noticias elegidas por los usuarios , cada noticia pasa a traves de un sistema de votaciones de usuarios en fin……..
Muchos hemos visto unas pequenas imagenes que dicen Meneame otras Enchilame etc…
He aqui un ejemplo Meneame
Pasos:
1. Ir a Plantilla–Edicion html
2. Marcamos la casilla que dice “Expandir plantillas de artilugios”
3. Debemos buscar este codigo en el html:
<p class=”post-footer-line post-footer-line-3″>
4. Antes de este codigo debemos colocar este:
<left><input src=’http://i94.photobucket.com/albums/l93/drakedalfa/meneame.gif‘ type=’image’/></left>
<left><a expr:href=’”http://meneame.net/submit.php?url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’>Meneame</a></left>
Para poner otras redes sociales como Enchilame, Acolitame, Floreame o Digg solo debemos cambiar la imagen marcada con rojo y el nombre marcado con azul por la imagen y el nombre de la red social respectivamente.
Publicado en Blogger hacks | 6 Comentarios »
Publicado por yaju en Octubre 9, 2006
Una fabulosa nube de “etiquetas” o labels que te sirve para categorizar tus post, este truco nos los da Villaykorte en su blog Vigapropio os lo disfruteis. Click aqui
Aunque no es como la imagen que esta ahi, solo es para dar un ejemplo.
Publicado en Trucos Difíciles | Deja un Comentario »
