martes, 28 de junio de 2011

Logo en tu Barra

El truco para hoy es muy sencillo y le da un toque extra a tu sitio y se trata de poner tu logo o la imagen de tu preferencia en la barra de direcciones y para que también aparesca cuando nos agreguen a favoritos, tomen nota de lo siguiente:

·         Con la imagen de tu logo en gift o jpeg (que debe ser de iguales dimensiones 100x100, 200x200, etc) entra a la pagina chami, para convertir está imagen en un favicon o archivo con extensión .ico, este debe ser de 16x16 o 32x32 pixeles

·         Una vez que tengas tu archivo renómbralo como “favicon.ico” y subilo a un host de tu preferencia
·         Ahora agrega el siguiente texto entre <head> y </head>:

<head>
...
<!-- Código del Icono -->
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
...
</head>

Si esto no les funciona, puede intentar con lo siguiente:
Colocando el código de tu favicon sobre este código:

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

Toma en cuenta que no todos los navegadoores soportan este truco así que es posible que en algunos no se vea, pero en general espero que les sirva.

Leer más...

martes, 14 de junio de 2011

Texto Animado en la Barra de EStado

Seguro que les ha tocado entrar a algún sitio y pueden ver como se mueve el titulo de ese sitio y se preguntaran como se hace, pues es muy fácil solo tomen nota que en un abrir y cerrar de ojos tendrán este truco en sus sitios:



Barra de Estado:


<script language="JavaScript">
var MessageText = "Sos blog VIP..."
var DisplayLength = 50
var pos = 1 - DisplayLength;
function ScrollInStatusBar(){
var scroll = "";
pos++;
if (pos == MessageText.length) pos = 1 - DisplayLength;
if (pos<0)
{
for (var i=1; i<=Math.abs(pos); i++)
scroll = scroll + "";
scroll = scroll + MessageText.substring(0, DisplayLength - i + 1);
}
else
scroll = scroll + MessageText.substring(pos, pos + DisplayLength);
window.status = scroll;
setTimeout("ScrollInStatusBar()",100);
}
ScrollInStatusBar()
</script>


Barra de Titulo


< script type="text/JavaScript" >
var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
var title=document.title
var leng=title.length
var start=1
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (start==leng+1) {
start=0
if (repeat==0)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</scrip>


Para agregar el siguiente cualquiera de estos códigos puedes hacerlo de dos maneras:

- Ir a diseño de la plantilla, clic en Añadir un elemento de página y seleccionas HTML/Javascript.
- Ir a diseño de la plantilla, luego Edición de HTML y lo agregas antes de </head >

Leer más...

domingo, 5 de junio de 2011

Webnode










Esta es una nueva opción para crear tu propio website de una forma muy fácil y rápida, creas tu cuenta e inmediatamente puedes crear tu sitio, donde puedes manejar varias páginas, subir imágenes, videos y muchos widgets, chekenlo no se arrepentirán.

Leer más...

jueves, 26 de mayo de 2011

Firmas

Una forma bonita para personalizar tu blog es con una linda firma, por lo que este día quiero compartirles algunos sitios especialistas en estas artes:

1.-  My livesignature: en este sitio puedes crear una firma con distintos estilos en colores y aparenta ser hecha a mano, incluso podes usarla en correo o simplemente descargarla, o copiar muy fácil el código html.



2.- Dollzmania: Aquí podes crear una firma agregándole un lindo muñequito, igual que la anterior es muy fácil; solo eliges una imagen, el texto, color y listo, le das un clic al gift y te genera el código. 



3.- Generadores: Este es un poco más sencillo, solo tenes que escoger los caracteres que te favorecen más y luego le das copiar y listo.

4.- Cool Text: Esta es otra forma muy sencilla de crear tu firma, basta con escribir tu texto elegir un estilo y ya tienes tu firma.



Bueno chicos y Chicas ahí les dejo varias ideas que les pueden servir, hasta la proxima.





33

Leer más...