Selamat Datang Diucapkan Kepada Semua Pengunjung Blog Ini Segala Komen Dan Saranan Teman Teman Amat Seri Hargai

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

6 Pandangan:

online all articles Januari 18, 2011  

terimakasi infonya,, boleh juga di coba.. kelihatannya tidak susah untuk membuatnya

RuSh D Januari 18, 2011  

thanx 4 ur tutorial..byk dh ikut tutorial dlm nie..thanx a lot:)

Tuan-Belog Januari 18, 2011  

kompem jadi ke ni seri?
sbb kebanyakan yg aku try asyik xjd je...huhu...

Seri Bahasa Januari 18, 2011  

Tuan-Belog@ kalau di blog ada aplikasi yg sama seperti page navigation ini contoh: older post kat bawah memang tak boleh pasang.

Pengumpulblog Januari 19, 2011  

salam seri...lama betul tak datang ke sini. Widget yang menarik...Dan saya dah cuba...Nampaknya berjaya...

alif haris Mei 26, 2011  

thanx for the nice sharign info :)

Teman Setia

This Blog Is Proudly Sponsored By SURF7 Template Modified By Seri Bahasa Proud To Be A Kinabatangan Blogger