New Number Page widget For blog

GO FIRST >> BLOGGER > TEMPLATE > EDIT HTML > CTRL + F 

SEARCH >> ]]></b:skin>
Past Before the cod :
.showpagePoint {
 text-decoration: none;
 background: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
 color: rgb(41, 41, 41);
 border: 1px solid rgb(227, 227, 227);
 display: inline-block;
 margin-right: 3px;
 padding: 7px 10px;
 font-weight: bold;
 }
 .showpageOf {
 color: rgb(255, 255, 255);
 font-weight: bold;
 background: none repeat scroll 0% 0% rgb(224, 102, 102);
 padding: 8px;
 margin: 8px;
 }
 .showpageNum a:hover  {
 color: white;
 }
 .showpageNum a:link {
 background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%) repeat scroll 0% 0% transparent;
 color: rgb(51, 51, 51);
 margin-right: 3px;
 display: inline-block;
 padding: 7px 10px;
 border: 1px solid rgb(227, 227, 227);
 }
 .showpageNum a:hover {
 text-decoration: none;
 background: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(229, 229, 229) 100%) repeat scroll 0% 0% transparent;
 color: rgb(41, 41, 41);
 border: 1px solid rgb(227, 227, 227);
 display: inline-block;
 margin-right: 3px;

 padding: 7px 10px;

 }

And next SEARCH >>  </body>
Past Before the cod :
<script type='text/javascript'>
 var postperpage=5;
 var numshowpage=5;
 var upPageWord ='&lt;&lt;';
 var downPageWord ='&gt;&gt;';
 var urlactivepage=location.href;
 var home_page=&quot;/&quot;;
 </script>
 <script type="text/javascript" src="http://yourjavascript.com/3215021430/www-mybloggerblog-coml.js"></script>

 <a href='http://livemecca.blogspot.com/' target='_blank'><img alt='Live Mecca' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZMvhuVrYrucZNbjsVbhPaiEy_yetuUU6LEBckxDaeMxkKRpEAKguPxgO2DEirrlKM8UJhGDaLcVQ8817PnUbmj3Q_yM7N0b-CWun4dO1te7Otnn_RjU1SrUcgE0dWcjoaINtR-YZ08UK/s1600/m.jpg' style='border: 0'/></a><a href='http://livebloggertricks.blogspot.com/' target='_blank'><img alt='Live Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZMvhuVrYrucZNbjsVbhPaiEy_yetuUU6LEBckxDaeMxkKRpEAKguPxgO2DEirrlKM8UJhGDaLcVQ8817PnUbmj3Q_yM7N0b-CWun4dO1te7Otnn_RjU1SrUcgE0dWcjoaINtR-YZ08UK/s1600/m.jpg' style='border: 0'/></a>

Then templates save
Now see your blog