Membuat Page Number Blog Keren

Hai Sobat!

Lagi-lagi saya akan berbagi posting mengenai Page Number Blog. Nah pege number membantu kita terutama pengunjung blog untuk bisa melihat semua hasil posting kita dengan mudah. Langsung Saja begini caranya:

1. Login ke akun Blogger sobat
2. Klik Tata letak >> Tambah Gadget >> HTML / Javascript
3. Masukkan kode dibawah ini:

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPzrmTexivTMfu79W_SD39xdtPugmln40sPC7pOhviwW30pENHwpXEY6nlo6pG5Fi9U8FyK3RPGIJ9bnhTydBDv12prZtXISVJ5HkJ7qxTBZVzMzDOeXFRD4BGs07cjYLPgcM4woXkWo/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPzrmTexivTMfu79W_SD39xdtPugmln40sPC7pOhviwW30pENHwpXEY6nlo6pG5Fi9U8FyK3RPGIJ9bnhTydBDv12prZtXISVJ5HkJ7qxTBZVzMzDOeXFRD4BGs07cjYLPgcM4woXkWo/s1600/greendiamond.png) repeat-x;background-position:0px -30px;
border:2px solid #006666;-webkit-border-radius:20px;
-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPzrmTexivTMfu79W_SD39xdtPugmln40sPC7pOhviwW30pENHwpXEY6nlo6pG5Fi9U8FyK3RPGIJ9bnhTydBDv12prZtXISVJ5HkJ7qxTBZVzMzDOeXFRD4BGs07cjYLPgcM4woXkWo/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIPzrmTexivTMfu79W_SD39xdtPugmln40sPC7pOhviwW30pENHwpXEY6nlo6pG5Fi9U8FyK3RPGIJ9bnhTydBDv12prZtXISVJ5HkJ7qxTBZVzMzDOeXFRD4BGs07cjYLPgcM4woXkWo/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4tz1nUuxCUoAz7GRA5zMpHuocuHwTVA1P31ynKFkyqCtgA6xK9l25_WSDsQRHwlIj1RxtaT4tLjNNdsic-gvkTkBPgcfWx5HX7wsyVvR6bwXcbc6nWdOijsTmVurlBN0cX6hPXWJ6uw0/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

Hasilnya:

 <style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVXSbqQXYF3qWCJgwxXk4STZ30VdudVBOALPyTkZnlZyng2_7o9jcgu7zMDPOShJtYMlj8OM5lpY-8matFiAEIvwk4akudYIcjzV9Ppufn42pHJDfT9u-Fn4DDPFIqsn-KwV9796mNjA/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#EEEEEE;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVXSbqQXYF3qWCJgwxXk4STZ30VdudVBOALPyTkZnlZyng2_7o9jcgu7zMDPOShJtYMlj8OM5lpY-8matFiAEIvwk4akudYIcjzV9Ppufn42pHJDfT9u-Fn4DDPFIqsn-KwV9796mNjA/s1600/yellow-butt.png) repeat-x;background-position:-10px -43px;
border:1px solid #FB5106;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVXSbqQXYF3qWCJgwxXk4STZ30VdudVBOALPyTkZnlZyng2_7o9jcgu7zMDPOShJtYMlj8OM5lpY-8matFiAEIvwk4akudYIcjzV9Ppufn42pHJDfT9u-Fn4DDPFIqsn-KwV9796mNjA/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;line-height:30px;padding:3px 10px;color:#ffffff;}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVXSbqQXYF3qWCJgwxXk4STZ30VdudVBOALPyTkZnlZyng2_7o9jcgu7zMDPOShJtYMlj8OM5lpY-8matFiAEIvwk4akudYIcjzV9Ppufn42pHJDfT9u-Fn4DDPFIqsn-KwV9796mNjA/s1600/yellow-butt.png) repeat-x;background-position:-55px -43px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:1px solid #FB5106;-webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px;color:#FFFFFF;text-decoration:underline;font-weight:bold;} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4tz1nUuxCUoAz7GRA5zMpHuocuHwTVA1P31ynKFkyqCtgA6xK9l25_WSDsQRHwlIj1RxtaT4tLjNNdsic-gvkTkBPgcfWx5HX7wsyVvR6bwXcbc6nWdOijsTmVurlBN0cX6hPXWJ6uw0/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script> <script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

Hasilnya:

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSenFSGMpK2F8nhBti2cbCvlnWxkTKGSwEhfgKPXmY1S1HL4rC2LhtQm7T8OI-KJMtgDFSF3kehd1k1hFa3z61iQItg3KAkBRPXM3rjMhHJEZehDU_nYOR-ix05GlFc6NdtJdVx7Lod6U/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSenFSGMpK2F8nhBti2cbCvlnWxkTKGSwEhfgKPXmY1S1HL4rC2LhtQm7T8OI-KJMtgDFSF3kehd1k1hFa3z61iQItg3KAkBRPXM3rjMhHJEZehDU_nYOR-ix05GlFc6NdtJdVx7Lod6U/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
}.showpageOf{
margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSenFSGMpK2F8nhBti2cbCvlnWxkTKGSwEhfgKPXmY1S1HL4rC2LhtQm7T8OI-KJMtgDFSF3kehd1k1hFa3z61iQItg3KAkBRPXM3rjMhHJEZehDU_nYOR-ix05GlFc6NdtJdVx7Lod6U/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
}.showpagePoint {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSenFSGMpK2F8nhBti2cbCvlnWxkTKGSwEhfgKPXmY1S1HL4rC2LhtQm7T8OI-KJMtgDFSF3kehd1k1hFa3z61iQItg3KAkBRPXM3rjMhHJEZehDU_nYOR-ix05GlFc6NdtJdVx7Lod6U/s1600/darkblue.png) repeat-x;
margin:0 3px 0 3px;padding:3px 10px;
line-height:30px;cursor:pointer;white-space:nowrap;
border:2px solid #5C8CFF;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4tz1nUuxCUoAz7GRA5zMpHuocuHwTVA1P31ynKFkyqCtgA6xK9l25_WSDsQRHwlIj1RxtaT4tLjNNdsic-gvkTkBPgcfWx5HX7wsyVvR6bwXcbc6nWdOijsTmVurlBN0cX6hPXWJ6uw0/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

Hasilnya:

Terimakasih sudah membaca artikel ini, jangan lupa tinggalkan jejak di blog ini. 

RSB-CS