Menu de Navegacion de Paginas Numeradas Redonda Estilizadas para Blogger

Todos deseamos tener un menu de navegacion de paginas numeradas estilizadas en nuestro blog de blogger pues este no lo provee asi en su plataforma.Esta numeros de navegacion de entorno redondo se activan al poner el cursor del mouse sobre el mismo y cambian de color, en este caso cambiaran de negro a rojo.Puedes instalarlo en tu blog rapidamente en solo dos pasos.

Siga los pasos de abajo para añadir este estilizado menu de navegacion numerado redondo a tu Blog.

Paso 1

• Entra en tu cuenta de blogger
• Da Click en etiqueta de Plantilla
• Luego selecciona Editar HTML
• Busque este codigo ]]></b:skin>
• Pega el codigo de abajo antes de  ]]></b:skin>

.blog-pager,#blog-pager{font-family:"Times New Roman", Times, serif;font-weight:normal;font-size:12px;width:700px;padding:17px;}
.showpageNum a,.showpage a {background:#000; color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:12px 18px 12px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px;}
.showpageNum a:hover,.showpage a:hover {background:#FF0000; color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:12px 18px 12px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px;}
.showpageOf{margin:0 8px 0 0;font-family:'Coming Soon', cursive;text-decoration:none;font-size:100%;}
.showpagePoint {background:#FF0000; color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:12px 18px 12px;-moz-border-radius:36px;-webkit-border-radius:36px;border-radius:36px;}

Paso 2 

• Ahora busca la etiqueta </body>
• Pegue el codigo de abajo antes de  </body>

<script type='text/javascript'>;
var home_page=&#39;/&#39;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=4;
var upPageWord =&#39;Prev&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://www.opendrive.com/files/MV8zNTk3MjA3X3ZQdGFO/lordhtml-roundpagenavigation.js' type='text/javascript'/>

Finalmente de Click en  Boton Guardar Plantilla y disfrute de este maravilloso menu de paginas numerado.

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati