Tutorial completo Blogger

Como añadir un menu para numerar las paginas en Blogger

Numerar las paginas en Blogger es importante para que nuestros visitantes puedan navegar más fácilmente por nuestras entradas publicadas, y a la vez tenga un aspecto más profesional y deje una mejor impresión.
Una desventaja de Blogger es que no trae de por si incorporado un menú para la navegación.

Entonces para esto está enfocado este tutorial, insertaremos un menú de paginación en blogger de manera sencilla y fácil, que fue hecho por Abu-Farhan.

 

Características principales:

– Es totalmente configurable y adaptable.
– Permite más de 500 entradas.
– Esta en español.
– Es ligero y muy fácil de instalar.

menu-de-paginacion

Paso 1: Añadir el estilo del menú

Aquí vamos a añadir el estilo es decir el código CSS para numerar las páginas en Blogger.

Para ello vamos al menú principal de blogger Diseño > Edición HTML > Continuar

Buscar la siguiente línea de código:

 ]]></b:skin>

Justo arriba, intruducimos este fragmento de codigo CSS:

/*Estilos CSS para menu de paginacion */

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px;

}

 

.showpageArea a {

color: #000;

text-shadow:0 1px 2px #fff;

font-weight: 700;

}

 

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #999;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #ddd url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -50px repeat-x;

}

 

.showpageNum a:hover {

border:1px solid #888;

background: #ccc url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 -25px repeat-x;

}

 

.showpageOf{

margin:0 8px 0 0;

}

 

.showpagePoint {

color:#fff;

text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px solid #999;

background: #666 url(http://4.bp.blogspot.com/_McxL-_3YYuM/TBG_a0U9fJI/AAAAAAAAAAU/qcqAF8aqWME/s1600/wp1.jpg) 0 0 repeat-x;

text-decoration: none;

}

 

/*Fin de estilos CSS*/

Paso 2: Introducir el código JavaScript

Este paso añadiremos el menú para numerar las paginas en Blogger es decir será la base del script.

Ahora hay que buscar:

 </body>

Y arriba de esto ponemos:

<!– Inicia paginación para blogger –>

<script type=’text/javascript’>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=5;

var numshowpage=5;

var upPageWord =’Anterior’;

var downPageWord =’Siguiente’;

</script>

<script src=’http://scriptses.googlecode.com/files/Paginacion.js’ type=’text/javascript’/>

<!– Termina paginación para blogger –>

Ahora aquí puedes modificar lo siguiente:

var postperpage=7;
var numshowpage=7;

numshowpage: Es la cantidad máxima de números en el menú de paginación hasta que muestre los “…”
postperpage: Es la cantidad de entradas que serán visualizadas por cada página.

entradas-por-pagina-blogger-2

Ojo, que postperpage tiene que coincidir con la configuración de páginas de blogger, es decir si pones 5 también tienes que poner 5, así:

Con esto ya  hemos podido  numerar las paginas en Blogger de forma muy sencilla teniendo un bonito aspecto, si tienes alguna duda o comentario, coméntalo!

 

 

Añadir mensaje de web en construcción en Blogger

En muchas ocasiones necesitamos poner nuestra web en construcción mientras realizamos mejorías en la plantilla, entradas y demás  es por eso que tenemos que recurrir a añadir un mensaje de construcción y simplemente añadimos una imagen u otras cosas.

Pero en esta ocasión añadiremos una plantilla personalizada con el mensaje en construcción, características de esta plantilla:

– Incluye mensaje de contribución (Se puede editar)
– Incluye una cuenta regresiva
– Puedes incluir las redes sociales de tu blog
– Se puede suscribir a la página para las actualizaciones

En fin es una excelente plantilla para aquellos que quieran dejar su web en construcción por algunos días u semanas.

El único detalle es que esta en ingles pero se puede traducir al español de manera muy sencilla además el texto que tiene es muy poco por lo que no tardarás mas de 5 minutos.

construccion

Para traducirla es cosa de ir a Plantilla >> Edicion HTML y buscar cada texto que aparece en la plantilla por ejemplo buscamos “Site is Under Construction !!!” y lo remplazamos por “Este sitio está en construcción” y así, es muy sencillo.

Descargar e instalar plantilla

Para ello primero debes descargarla en:  Wp Launcher – Blogger Template

Una vez que la descargas, la instalas en blogger, desde el menú de blogger en “Plantilla

Y listo ya tienes instalada la plantilla con el mensaje de web en construcción en blogger, pero esto aún no ha terminado a continuación los paramentos básicos para configurar la plantilla.

Configuración de la plantilla

A continuación unas cuentas configuraciones básicas de la plantilla:

Modificar la cuenta regresiva: Para realizar esto se debe buscar en la plantilla la siguiente linea de código:

new Date(2014,3 – 1,16, 0, 0, 0)

En donde:

2014 = es El año
3 = Es el mes
16 = Es el día

Modificar la barra de progreso: Esta barra es la que se muestra a la izquierda y para modificarla debes buscar la siguiente linea de código:

procent:40

Solo modifica el valor numero  40 por el porcentaje que desees que se muestre en el mensaje de web en construcción por ejemplo 70.

Como configurar Feedburner: Para poder editarlo se debe buscar

<input name=’uri’ type=’hidden’ value=’savetemplate’/>

Modificar “Savetemplate” por el id de tu FeedBurner.

Con esto termina la entrada acerca de como añadir un mensaje construccion en blogger de manera simple y eficaz manteniendo informado a tus visitantes, cualquier duda que tengas acerca de este tutorial no dudes en comentarla, para ayudarte lo más pronto posible.

 

Registrar dominios en blogger es bastante fácil y muy recurrente para nosotros, pero de ves en cuando tenemos la idea de registrar un dominio que tenga la letra “ñ” y blogger no nos tiene permitido realizar esto con algunos dominios desde el panel de creación de dominios de blogger.

Pero siempre hay trucos para poder realizar esta acción, en el día de hoy usaremos uno bastante útil  sin usar herramientas online ni nada por el estilo, todo usando solamente Blogger.

Ahora que sabemos de que se trata el tutorial, podemos empezar con el.

 

 

 

Como registrar dominios con letra ñ en Blogger

Registrar dominios con letra ñ en Blogger

El tutorial es muy pero muy simple, para realizar esto debemos primero que nada iniciamos sesión o nos logeamos en Blogger.

A continuación para comprobar si nos deja o no registrar un dominio con “ñ”, vamos a donde dice “Nuevo Blog”  y aquí escribimos el nombre de domino que deseamos registrar, en este caso uno con la letra “ñ”.

0201

En este caso no me deja registrar este dominio con la letra ñ, pero para solucionar este pequeño conflicto, lo que debemos hacer es copiar el nombre e dominio y añadirle un “.blogspot.com” en la barra de direcciones, quedaría así:

añoconñ.blogspot.com

Y nos aparecerá el siguiente mensaje (En caso que no este disponible):

02

Ahora simplemente damos clic en “Registrar xn--aocon-otae

Ahora no llevara nuevamente al creador de blogs de Blogger pero con este dominio “Extraño”, simplemente damos clic en “Crear Blog”

03

Y cuando demos clic en ese botón, automáticamente se nos creara ese dominio con la letra ñ, pueden comprobarlo visitando: añoconñ.blogspot.com

Espero que les haya sido de mucha utilidad este pequeño tip o truco para blogger en el que explico como crear o registrar dominios con letra ñ.