Mostrando entradas con la etiqueta Inicializar. Mostrar todas las entradas
Mostrando entradas con la etiqueta Inicializar. Mostrar todas las entradas
Muchas veces estamos trabajando en nuestro blog y no queremos que los visitantes vean como va sufriendo transformaciones que muchas veces fallan y el blog queda patas para arriba. Para eso podemos redireccionar nuestro blog a una imagen que diga "En construcción" o a otro sitio.
Para eso agremamos:
<script>
location.href='URLdelaRedirección';
</script>
Algunas plantillas tienen el navbar bloqueado, y para desbloquearlo tenemos que eliminar el siguiente código:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
En cambio si lo que estamos buscando es bloquear el navbar agregamos el mismo código dentro del
<body>Para ponerle un efecto al navbar, para que aparezca y desaparezca al cruzar el mouse por encima (mouseover) de manera gradual agregamos el siguiente segmento de código antes del
</head>:
<script src='http://www.google.com/jsapi'/><script>
google.load("prototype", "1.6.0.2");
google.load("scriptaculous", "1.8.1");
</script>
<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>
En Diseño>>Edición HTML colocar por única vez antes del
Luego en cada post que necesitemos incluir un "Seguir leyendo" ponemos lo siguiente:
Los valores que tendremos que modificar son:
NombreDeLaEntrada: por el título de la entrada en donde incluyamos el seguir leyendo. Noten que es necesario ponerlo en los dos lugares, y tienen que ser iguales.
URLDeLaEntrada: como dice la dirección única que se le asigna cuando posteamos, por eso hay que publicar primero la entrada luego copiamos la dirección y agregamos el seguir leyendo.
</head>
<script type='text/javascript' src='http://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>Luego en cada post que necesitemos incluir un "Seguir leyendo" ponemos lo siguiente:
<a href='URLDeLaEntrada' onclick='Effect.toggle("NombreDeLaEntrada","slide"); return false'>Seguir leyendo</a><div id='NombreDeLaEntrada' style='display: none;'>
Aquí la parte oculta de la entrada
</div>
Los valores que tendremos que modificar son:
NombreDeLaEntrada: por el título de la entrada en donde incluyamos el seguir leyendo. Noten que es necesario ponerlo en los dos lugares, y tienen que ser iguales.
URLDeLaEntrada: como dice la dirección única que se le asigna cuando posteamos, por eso hay que publicar primero la entrada luego copiamos la dirección y agregamos el seguir leyendo.
El favicon es la imagen pequeña que aparece al lado de la barra del navegador, como la B naranja y blanca de blogger.
Buscamos la siguiente línea:
*Dimensiones 16 píxeles x 16 píxeles;
*16 colores (4 bits);
* Formato ICO, no BMP, no GIF, no JPG.
Puede que algunos navegadores acepten de tamaños mayores, pero para el buen funcionamiento se recomiendan esos datos.
Buscamos la siguiente línea:
<title><data:blog.pageTitle/></title>
Antes de ella pegamos la siguiente con la dirección del nuevo favicon:
<link href='http://sitio.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
La imagen del favicon tiene que tener algunas características:
*16 colores (4 bits);
* Formato ICO, no BMP, no GIF, no JPG.
Puede que algunos navegadores acepten de tamaños mayores, pero para el buen funcionamiento se recomiendan esos datos.
Existen editores de favicones como este.
Para poder mejorar las búsquedas en nuestros blogs, por parte de los buscadores, debemos comenzar con esto.
En Diseño >> Edición HTML, buscamos la siguiente línea (con ctrl+f abre el buscador, es más fácil de encontrarlo)
Y la reemplazamos por la siguiente:
En Diseño >> Edición HTML, buscamos la siguiente línea (con ctrl+f abre el buscador, es más fácil de encontrarlo)
<title><data:blog.pageTitle/></title>
Y la reemplazamos por la siguiente:
<b:if cond="data:blog.pageType == "item"">
<title> : </title>
<b:else>
<title></title>
</b:else>
</b:if>
Los temas que vamos a tratar son:
Y algún otro elemento que vamos a ir agregando a medida que se nos cruce por la cabeza..
- Dar de alta en buscadores y demás.
- Optimizar título (mejora búsqueda)
- Cambiar favicon
- Seguir leyendo con Scriptaculous (slide)
- Bajar columnas (para ver la foto superior entera)
- Desbloquear el navbar (barra navegación superior)
- Redireccionar blog
Y algún otro elemento que vamos a ir agregando a medida que se nos cruce por la cabeza..
Suscribirse a:
Entradas (Atom)
