Page Navigation Jenis Widget

01 - Page Navigation Jenis Widget


Copy kode dibawah ini:

<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#fff;font-size:11px;margin:10px;padding:8px 20px;background:#333}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#666}.showpageNum a:hover{background:#aeb404}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#da6100;text-decoration:none}.showpageOf{margin:0 5px 0 0} </style>
<script style='text/javascript'>
var postperpage=2;
var numshowpage=4;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/way2blogging_blogger_pnavi.js'></script>

02 - Page Navigation Jenis Widget


Copy kode dibawah ini:

<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="Previous";var downPageWord="Next";</script><script style='text/javascript' src='http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js'></script>

Catatan:
var postperpage=2; - Jumlah post yang dipaparkan dalam satu halaman
var numshowpage=4;- Mempamirkan jumlah halaman
var pageCount=5; - Jumlah post yang dipaparkan dalam satu halaman
var displayPageNum=5;- Mempamirkan jumlah halaman

Panduan Memasang:

Masuk ke Blogger
Klik Tab Design
Klik Tab Add a Gadget
Pergi ke HTML/JavaScript dan klik untuk menampilkan satu pop-up

Masukkan kode diruangan yang bertanda merah kemudian klik Tab SAVE

PERHATIAN: Pindahkan HTML/JavaScript yang telah di SAVE tadi tepat di bawah kolom Blog Post/Catatan Blog.

Tekan Tab SAVE sebelah kanan atas dan View Blog