#navbar-iframe - Barra de navegación Blogger.

#outer-wrapper - Contiene a la totalidad de la página.

#header-wrapper - Contiene a la cabecera, título y descripción.

#content-wrapper - Contiene a la columna principal y a las barras laterales.

#main-wrapper - Columna principal, contiene a los artículos publicados.

#sidebar-wrapper - Contiene a las barras laterales.

#footer-wrapper - Contiene el pie de página

<center><embed allownetworking="internal" allowscriptaccess="never" autoplay="false" height="350" quality="high" src="http://boing.urugate.com/SpringToMouse.swf" type="application/x-shockwave-flash" width="425" wmode="transparent"></embed></center>

<center><embed allownetworking="internal" allowscriptaccess="never" autoplay="false" height="350" quality="high" src="http://www.peoresnada.com/flash/no_pulsar.swf" type="application/x-shockwave-flash" width="425" wmode="transparent"></embed></center>

<center><embed allownetworking="internal" allowscriptaccess="never" autoplay="false" height="350" quality="high" src="http://www.hiren.info/funny/animations/scary-eye.swf" type="application/x-shockwave-flash" width="425" wmode="transparent"></embed></center>

<center><embed allownetworking="internal" allowscriptaccess="never" autoplay="false" height="350" quality="high" src="http://img0.liveinternet.ru/images/attach/c/0//3768/3768733_paint_www.swf" type="application/x-shockwave-flash" width="425" wmode="transparent"></embed></center>

<center><embed allownetworking="internal" allowscriptaccess="never" autoplay="false" height="350" quality="high" src="http://abowman.com/projects/gadgets/type-it/type-it.swf" type="application/x-shockwave-flash" width="425" wmode="transparent"></embed></center>

<center><embed allownetworking="internal" allowscriptaccess="never" autoplay="false" height="350" quality="high" src="http://www.seriesflash.com/n/interactiva_windows_crash/windowscrash.swf" type="application/x-shockwave-flash" width="425" wmode="transparent"></embed></center>

<center><embed allownetworking="internal" allowscriptaccess="never" autoplay="false" height="350" quality="high" src="http://www.zonajuego.com/swf/tetristick.swf" type="application/x-shockwave-flash" width="425" wmode="transparent"></embed></center>

<center><embed allownetworking="internal" allowscriptaccess="never" autoplay="false" height="350" quality="high" src="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf" type="application/x-shockwave-flash" width="425" wmode="transparent"></embed></center>

Las plantillas de Vistas Dinámicas son muy modernas e interesantes, pero a algunas personas no les gusta que esté el logo de Blogger en todas partes. Cada vez que nuestro blog está cargando nos aparece una imagen con el logo de Blogger diciendonos que nuestro blog se está cargando. La imagen es la siguiente :

Para cambiarla debemos hacer lo siguiente :



Si usas la antigua interfaz entra en Diseño | Diseñador de plantillas | Avanzado | Añadir CSS.
Y si usas la nueva interfaz entra en Plantilla | Personalizar | Avanzado | Añadir CSS


Si buscas que no aparezca ningún icono agregá lo siguiente:

.blogger-gear {background-image:none !important;}

Guarda los cambios y listo. Con eso no aparecerá nada mientras cargue el blog.


Si buscas reemplazar la imagen que viene por defecto (la del logo de Blogger con los engranajes) agregá lo siguiente :

.blogger-gear {
background-image:url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbuyYrh2ib6VrowCokcIzdwUzej2ulclsceZcdgS-Go2WqvqlwYVJcoDHH3ta2Et8nyb0D-vVCSx6tUAOiMSD8qh0EFGqs1RXyhM1H0Tax3hdqRYb5rY86JdQbNNVFSlnywaTUqxjpvNQW/s1600/cargando.gif );
width:128px; /* Ancho de la imagen */
height:128px; /* Alto de la imagen */
}

Si quieres cambiar la imagen por otra, cambia la URL que está en color verde.

Para quietar en numero de etiquetas lo único que deberemos hacer será ir a Diseño -----> Edición html y expandimos los artilugios de nuestra plantilla y buscamos la siguiente etiqueta (con Ctrl + F al mismo tiempo)

Así debe quedarnos todo.

Una vez encontrada solamente debemos borrarlo, obteniendo como resultado lo siguiente :

Este gadget de Youtube es muy práctico, muestra el avatar, el nombre de usuario, el título del canal, la cantidad de videos y el botón para suscribirse.

Para agregarlo a nuestro blog,agregamos un gadget de HTML/Javascript y pegamos este código:

<iframe id="fr"
src="http://www.youtube.com/subscribe_widget?p=TU NOMBRE DE USUARIO EN YOUTUBE" style="overflow: hidden; height: 105px; width: 250px;
border: 0;" scrolling="no" frameborder="0"></iframe>

Para empazar tenemos que entrar a http://www.blogger.com/home .Hacemos click en "Estadisticas" .

Al hacer click en "Estadisticas" nos aparecerá algo asi.







Lapso de tiempo calculado.

Se utiliza para definir la busqueda por hora,mes,dia,semana,mes,o en cualquier momento.

Actualizar.

Grafico de visitas.

Entradas con mas visitas.

Fuentes de trafico.

Indica de que pais son los visitantes de nuestro blog.

Indica la cantidad de paginas vistas










Actualizar.

Muestra la cantidad de veces que fueron vistas las paginas de tu blog.

Muestra la cantidad de veces que fueron vistas las entradas de tu blog.

Se utiliza para definir la busqueda por hora,mes,dia,semana,mes,o en cualquier momento.

Lapso de tiempo calculado.

-----------------------------------------------------------------------------------------------------------




Indica de que pais son los visitantes de nuestro blog.

Actualizar.

Indica desde que navegador entraron a nuestro blog


Indica que sistema operativo usa nuestros visitantes

Lapso de tiempo calculado.

Se utiliza para definir la busqueda por hora,mes,dia,semana,mes,o en cualquier momento.

 El favicon es la imagen que acompaña a la url de una pagina o blog. A continuacion les dejo la imagen del favicon de mi blog.



Para cambiar el favicon del blog vamos a Diseño y despues a Edición HTML y buscamos el siguiente código:

</body>

Justo antes de este pegamos el siguiente código:





Donde dice "http://sitio.com/favicon.ico" lo reemplazamos por la url de nuestro favicon.

<div style="font-family: Verdana,sans-serif; text-align: center;">
<b><span style="font-size: large;">TU NOMBRE</span></b> </div>
<div class="separator" style="clear: both; text-align: center;"> <a href="URL DE TU FOTO DE PERFIL DE T!" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL DE TU FOTO DE PERFIL DE T!" /></a></div>
<ul class="clearfix">
<li class="user-new-full-user" style="position: relative;">
<strong>Rango : </strong><span>TU RANGO</span> </li>

<li> <strong>Puntos : </strong><span>LA CANTIDAD DE TUS PUNTOS</span> </li>
<li> <strong>Posts : </strong><span>LA CANTIDAD DE TUS POSTS</span></li>
<li> <strong>Comentarios : </strong><span>LA CANTIDAD DE TUS COMENTARIOS</span></li>
<li> <strong>Seguidores : </strong> <span>LA CANTIDAD DE TUS SEGUIDORES</span></li>
<li> <strong>Siguiendo : </strong> <span>LA CANTIDAD DE LA GENTE QUE SEGUIS</span> </li>
</ul>

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhottH4zjtATi9mXbtwhKOf-v6HKZs2jCcLjdOtVaE974Fjc4d2u10cn3GwlctrbaOWkec9yvuPvO3CwKgNsmCIXwN6qbRtHHBypNSv_5xvNyhuinv1akB0ly18cwb9i3v5ZG4GStpBj68L/s1600/espacio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhottH4zjtATi9mXbtwhKOf-v6HKZs2jCcLjdOtVaE974Fjc4d2u10cn3GwlctrbaOWkec9yvuPvO3CwKgNsmCIXwN6qbRtHHBypNSv_5xvNyhuinv1akB0ly18cwb9i3v5ZG4GStpBj68L/s1600/espacio.png" /></a></div> <dt>by</dt> <a href="http://www.taringa.net/perfil/bloggero">Bloggero</a> <dd> </dd>





El gadget nos va a quedar de distintas maneras , dependiendo la plantilla. Ejemplos:

¿Para que sirve el gadget de seguidores?


Este gadget sirve para que las personas puedan saber las actualizaciones de tu blog.




Codigo

         













En este espacio pegamos el codigo que queremos , en este caso yo pego este que es de un simple boton