1. primero crearemos un widget desde diseño utilizando la opción Html/javascript y lo pegamos justo debajo de las entradas:
<style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid#cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid#cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid#cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Anterior";var downPageWord="Siguiente";</script><script style='text/javascript' src='http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js'></script>
2. fijense bien en el numero 5 en rojo pues bien este valor lo tienen que modificar ustedes dependiendo de cuantas entradas tienen en la página principal en este caso le puse un 5 pero esto puede variar en sus blogs
3. le damos en guardar al final obtendremos algo parecido a esto:
Para agrandar la imagen le dan clic en ella
