doxs | templates
  Web de Diseño dedicada a los usuarios de Blogger
| home | templates premium | templates gratuitos | ayuda para tu blog | contacto |

 


Precarga dinámica del Blog

Cuando nuestro blog tiene demasiados widgets y tarda mucho en cargar, es muy útil para nuestros visitantes que coloquemos un precargador que les indique que la página está en proceso de carga.

Para hacerlo, debemos colocar el siguiente código justo antes de la etiqueta </head>

<!-- Inicia Precargador -->
<script type='text/javascript'>
window.onload = precargar;
function precargar() {
document.getElementById(&quot;imgLOAD&quot;).style.display=&quot;none&quot;;
}
</script>
<!-- Finaliza Precargador-->

Luego guardamos la plantilla y vamos a Elementos de la Página y seleccionamos un elemento HTML/Javascript y colocamos el siguiente código:

<div id="imgLOAD" style="text-align:center;">Cargando Blog ...
<img src=" URL DEL GRAFICO "/></div>

El texto "Cargando Blog..." podemos cambiarlo por lo que deseemos.

Cuando hayamos colocado todo el código, obtendremos algo como esto:

Cargando Blog...

En Ajax Load encontrarás muchas opciones de precargadores.
Ocultar el conteo de las Etiquetas

Para que no se muestre la cantidad de entradas que hay con una cierta etiqueta, como se ve en el ejemplo:



Debemos editar el template - Edición de HTML - expandir la plantilla con artilugios y buscar la siguiente línea de código:

<span dir='ltr'>(<data:label.count/>)</span>

Una vez ubicada la eliminamos. Y con esta simple acción, ya no se mostrará el número a la derecha de las etiquetas, como se ve en el ejemplo:
Cómo instalar un Favicon en el Blog

Un Favicon (Favorite Icon) es el gráfico que figura en la barra de dirección del navegador a la izquierda de la URL de tu blog. Y también el icono que precede al nombre de nuestros favoritos.

Para colocarlo tenemos que entrar a Blogger, y desde la solapa Diseño ir a la Edición de HTML y buscar las siguientes líneas de código en el template:


<b:include data="'blog'name="'all-head-ontent'/">
<title><data:blog.pagetitle/></title>

y entre ellas, tenemos que agregar estas otras dos:

<link href="URL donde alojaste el FAVICON/favicon.ico" type="image/x-icon" rel="shortcut icon">
<link href="URL donde alojaste el FAVICON/favicon.ico" type="image/x-icon" rel="icon">

Donde URL donde alojaste el FAVICON es la dirección que obtenemos cuando subimos el archivo favicon.ico a un sitio de alojamiento gratuito.

Con esos pocos cambios, el Favicon se verá en la barra de direcciones, en las pestañas del navegador y en la lista de Favoritos.

FavIcon from Pics permite transformar la imagen que deseemos en el favicon para nuestro blog.
Ocultar o Visualizar la Barra de Navegación (NavBar)

Si tu template no muestra la Barra de Navegación y quieres poder visualizarla, debes buscar en tu template lassiguientes líneas de código:

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

Si quieres visualizarla, elimina todo el código de color gris en el ejemplo. De esa manera lograrás que la NavBar de Blogger vuelva a ser visible en tu blog.

Si quieres ocultarla, copia y pega el código destacado en tu template, justo entre las etiquetas:

]]></b:skin> y </head>

El código final debe quedarte como el que ves en el ejemplo.
 

 


Copyright (c) 2008 - doxs | templates - Todos los derechos Reservados