Reemplaza Enlaces Navegacion Con Imagen En Tu Blog

En este tutorial te mostrare el truco de reemplazar los enlaces de navegacion de pagina principal,entradas recientes y entradas antiguas por un imagen de boton,puedes navegar la web por iconos  de diferentes tipos que pueden ser usados para enlaces de pagina principal,entradas recientes y entradas antiguas o pudes crear un icono que mejor se ajuste a tu blog,

Este icono de  navegacion aparecera en la parte de abajo de cada entrada, que permitira a los lectores a navegar por tu blog. Por defecto los enlaces estan representados por texto,pero hoy es historia por que aprenderas como reemplazar estos enlaces con imagenes de botones,que hara tu blog lucir mas profesional.

Como Reemplazar los enlaces de navegacion con una imagen de boton

• Entra a la cuenta de blogger
• Da Clic en"Diseno" > "Editar HTML" >Haga una copia de la plantilla.
• Use ctrl F para encontrar la siguiente etiqueta <data:newerPageTitle/> y reemplace esta con el codigo de abajo.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbvbEDZjKdkBQ_X-kQCaH_zuyhkQEZCTZzdgBAXM3gpEHrdh0qV81YXAh1V-bsMuxShMCKsQXUtr9u2rZbOpxHgtb84YFmmyfmTseswGgNhINdMv1_KjrDi-irnGWPI4hYR7yqTmymwbww/s1600/RB+Newer+Posts.jpg' alt='Next Post'/>

• Ahora busca <data:olderPageTitle/>y reemplazala con el codigo de abajo.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIjfNboYeupWoIaP244k6r8PdnkEB44IvF5eeokyf7V3sZpNbj9DmOBSLUrDsJ4ktS_ZW0T5Fy3Vo0KaB1W9S6FlX52O6Vn25B08jNpRLI1ZWX69GlHP7w0rWPsirCYQEAfG1KeTtaJBRQ/s1600/RB+Older+Posts.jpg' alt='Previous Post'/>

• Ahora buscar <data:homeMsg/> y reemplazala con el codigo de abajo.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdZ1u-KZ7CJ1dKndi7AxUBKtkPkEH046LrTS83VsfFpFtQV5rlPsI2EfCMfc0oxOJTfZOhWmNuaj90REio5Yyf0FC3UkV8sUy9NUpQYpY1451mgYOGdETtFBqNZnJ1gAtJZ896uKGZXUeO/s1600/Home.jpg' alt='Home'/>

• Reemplace la porcion ensombrecida con la direccion de imagen del boton o dejela como esta, si desea la imagen del boton de abajo, y da clic a "GUARDAR PLANTILLA".

      Estos son los botones que reemplazaras por los enlaces:

Eso es todo, si te gusto este articulo, toma unos segundos para compartirlo,Gracias.

Read More

Añadir el Boton De Back To Top a Tu Blog

 
En este articulo te enseñare ha añadir este simple Boton o Icon a tu blog para hacerles mas facil a los lectores ir de abajo de la pagina hacia arriba de la pagina . Si tus lectores han estado navengando atraves de docenas de articulos en tu blog, este simple plugin les permitira ir al tope de la pagina. Este plugin es muy sencillo de instalar en tu blog y se colocara en la parte de abajo derecha en una esquina de tu blog .

Añadir el boton de Back To Topa tu Blog de Bloggers

1. Entra a la interface de Blogger y da click on Diseno.
2. Entonces de Click en Add Gadget y escoja Html/Javascript de la ventana que se abrira.
3.Ahora pegue el siguiente codigo

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="URL OF BACK TO TOP "/></a>
<!--BACK TO ENDS-->

4. Ahora reemplace el Texto en Verde con la url de tu imagen. Aqui les dejo algunas imagenes en la parte de abajo de este articulo que puedes usar en tu blog.
5.Guarda el widget y tendras el boton Back to top en tublog.

Imagenes de Botones para Back To Top

Dale Right click en cualquiera de las imagenes y selecione Copiar Url Image y pegue el codigo de arriba  o checkee el Paso 4 para mas informacion.

Read More

Plantilla Para Dispositivos Moviles

En Tiempos en que la tecnologia blogger se ha desarrollado demaciado esta al servicio y utilizarla ayuda a la propagar nuesto  blog. Hablo de una  plantilla para móviles. Si sientes  la curiosidad de ver cómo se ve el blog desde un teléfono móvil.

La Realidad es  que la navegación a través de un móvil puede se un tanto incómoda debido a la resolución de la pantalla y del tamaño de la misma. Les diria que la mejor forma es activando la plantilla para móviles.


Esta funcion ha sido acelerada en Draft Blogger (es una forma de entrar a Blogger y probar nueva funcionalidad antes de que esta pase a Blogger.com)

Que tal a continuación los pasos que debes dar para activar la planilla para moviles.

Paso 1.- Entra a Blogger por la versión Draft.Blogger.com
Paso 2.- Haz clic en la Configuración del Blog
Paso 3.- Ve a la pestañaCorreo electrónico y móviles
Paso 4.- Activa la plantilla para móviles, además puedes ver una vista preliminar.
Esto es simple, pero sin duda de gran ayuda , alcance y utilidad.

Que lo disfruten y tengan una buena lectura de blogs asi les sera mas facil leer los blogs y manejarlos en los moviles.

Read More