SAYFA NUMARASI EKLENTİSİ

Blogger da bildiğiniz üzere sayfa geçişleri bulunmakta. Klasik olarak önceki ve sonraki şeklinde yer almakta. Bu görünümü daha şık hale getirmek için page number eklentisini sizlerle paylaşmak istedim.
                                          
Kumanda Paneli > Yerleşim > Gadget Ekle > HTML/JavaScript yolunu takip edin ve aşağıdaki kodları ekleyin. Eklediğim videodan önizlemesini görebilirsiniz.
<style type='text/css'>#blog-pager{height: 28px; padding: 10px 0 0; overflow:hidden; text-align:center; } .showpageArea a {text-decoration:underline; font-size: 16px; text-align: center;} .showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;} .showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;} .showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;} .showpageOf {text-decoration:none;padding:5px;margin: 0 5px;} .showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;} .showpage a:hover {text-decoration:none;background: #cccccc;} .showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><br /><script style='text/javascript'>var pageCount=10; var displayPageNum=10;var upPageWord="Önceki";var downPageWord="Sonraki";</script><br /><script style='text/javascript' src='https://netoopscodes.googlecode.com/svn/netoops-page-nav-v2.js'></script> -