Bikin Page Number Navigation Keren

Page Number Navigation Adalah widget yang berguna untuk navigasi ke artikel berikiutnya namun yang ini dalam bentuk nomor serta dengan berbagai warna.

Ga mau banyak basa basi mending sekarang langsung ikuti ja langkah - langkah di bawah sob...

Cara Membuat Page Number Navigation Keren

1. Login

2. Buka menu tata letak lalu add gadget (HTML/JavaScript)

3. Lalu pilih salah satu warna dibawah ini sesuia selera agan




<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/AVvXsEi8MsGvpGu7GLYCbqzovLUGQH2ABgFonytOkEDzAfFTiB63AyyOKrMXtnYc1SyJHuop-rLZHBgnCV-PPE_RKITgADS0vFKcYV7nIfSn6PUyir8j5sX4IQ8TI2go-g7ziSx6CvDJj2pHfe8/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/AVvXsEi8MsGvpGu7GLYCbqzovLUGQH2ABgFonytOkEDzAfFTiB63AyyOKrMXtnYc1SyJHuop-rLZHBgnCV-PPE_RKITgADS0vFKcYV7nIfSn6PUyir8j5sX4IQ8TI2go-g7ziSx6CvDJj2pHfe8/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/AVvXsEi8MsGvpGu7GLYCbqzovLUGQH2ABgFonytOkEDzAfFTiB63AyyOKrMXtnYc1SyJHuop-rLZHBgnCV-PPE_RKITgADS0vFKcYV7nIfSn6PUyir8j5sX4IQ8TI2go-g7ziSx6CvDJj2pHfe8/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/AVvXsEi8MsGvpGu7GLYCbqzovLUGQH2ABgFonytOkEDzAfFTiB63AyyOKrMXtnYc1SyJHuop-rLZHBgnCV-PPE_RKITgADS0vFKcYV7nIfSn6PUyir8j5sX4IQ8TI2go-g7ziSx6CvDJj2pHfe8/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/AVvXsEh9p9WacPvLI7KzNyi8THDovRzK0CbT-8e8FgxF5znR5y7_J4Jp_cVTyqzbZFVocqNFM8o93-5Loo7ZeH3PVuWHc7d8c2d2RyGksrP21gUWhhEVWWfneXFOzzLyS_1N905DOnTCaK8Vie8/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>



<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/AVvXsEiwHBjNl_c3qNJ0waRIJxzRFyJKCqZl7oE89hVhexK26ZBSjW8P1bhzpgve5oIWay84C-UilfC8YafZQT2yYu_ksE382UXbsRml1VggpMVmrlLqfAQJgHSgXOTqLl4ljo_Qo6dFtSHt0kU/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/AVvXsEiwHBjNl_c3qNJ0waRIJxzRFyJKCqZl7oE89hVhexK26ZBSjW8P1bhzpgve5oIWay84C-UilfC8YafZQT2yYu_ksE382UXbsRml1VggpMVmrlLqfAQJgHSgXOTqLl4ljo_Qo6dFtSHt0kU/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/AVvXsEiwHBjNl_c3qNJ0waRIJxzRFyJKCqZl7oE89hVhexK26ZBSjW8P1bhzpgve5oIWay84C-UilfC8YafZQT2yYu_ksE382UXbsRml1VggpMVmrlLqfAQJgHSgXOTqLl4ljo_Qo6dFtSHt0kU/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/AVvXsEiwHBjNl_c3qNJ0waRIJxzRFyJKCqZl7oE89hVhexK26ZBSjW8P1bhzpgve5oIWay84C-UilfC8YafZQT2yYu_ksE382UXbsRml1VggpMVmrlLqfAQJgHSgXOTqLl4ljo_Qo6dFtSHt0kU/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/AVvXsEh9p9WacPvLI7KzNyi8THDovRzK0CbT-8e8FgxF5znR5y7_J4Jp_cVTyqzbZFVocqNFM8o93-5Loo7ZeH3PVuWHc7d8c2d2RyGksrP21gUWhhEVWWfneXFOzzLyS_1N905DOnTCaK8Vie8/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>


<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/AVvXsEjL2YjC211R2YRqIm0BfM5qS-BuaWsAy0AHD27Ns8kRa2O_sIupwGstseaS2BBx_iDYCTkWK2dzMGhALILTJcgnokPkcml2bQ4zGDkqVCHCXhhiViSdMhCs0B0LzO7lqfm6evhhJnVeWvo/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/AVvXsEjL2YjC211R2YRqIm0BfM5qS-BuaWsAy0AHD27Ns8kRa2O_sIupwGstseaS2BBx_iDYCTkWK2dzMGhALILTJcgnokPkcml2bQ4zGDkqVCHCXhhiViSdMhCs0B0LzO7lqfm6evhhJnVeWvo/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/AVvXsEjL2YjC211R2YRqIm0BfM5qS-BuaWsAy0AHD27Ns8kRa2O_sIupwGstseaS2BBx_iDYCTkWK2dzMGhALILTJcgnokPkcml2bQ4zGDkqVCHCXhhiViSdMhCs0B0LzO7lqfm6evhhJnVeWvo/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/AVvXsEjL2YjC211R2YRqIm0BfM5qS-BuaWsAy0AHD27Ns8kRa2O_sIupwGstseaS2BBx_iDYCTkWK2dzMGhALILTJcgnokPkcml2bQ4zGDkqVCHCXhhiViSdMhCs0B0LzO7lqfm6evhhJnVeWvo/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/AVvXsEh9p9WacPvLI7KzNyi8THDovRzK0CbT-8e8FgxF5znR5y7_J4Jp_cVTyqzbZFVocqNFM8o93-5Loo7ZeH3PVuWHc7d8c2d2RyGksrP21gUWhhEVWWfneXFOzzLyS_1N905DOnTCaK8Vie8/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>

4. Simpan Template

Lihat Hasilnya Keren kan Sob....




**************************************************************

Selamat Mencoba Semoga Sukses.
Kegagalan Bukan Akhir Dari Segalanya.


**************************************************************


Jika Kalian Menemukan Link Download yang Expaired/Mati
Segera Hubungi Admin Dengan Cara Memberikan 
Komentar Dan Menyertakan Alamat Link
Postingan Yang Expaired/Mati Agar
Link Segera di Perbaiki.


Tolong Saling Menghargai Sesama Blogger
Apabila Kalian Merasa Artikel Ini Bermanfaat, 
Silahkan Share Dan Jangan Lupa Untuk Mencantumkan 
Link Dari Sumbernya.


...:::TERIMA KASIH:::...

......:::Semoga Bermanfaat:::.....

...:::www.dvayshare.blogspot.com:::

Ditulis Oleh : Unknown ~ Software, Blogging, Tips dan Trik

RegiBrader Sobat sedang membaca artikel tentang Bikin Page Number Navigation Keren. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger. Jika Kalian Menemukan Link Download yang Expaired/Mati Segera Hubungi Admin Dengan Cara Memberikan Komentar Dan Menyertakan Alamat Link Postingan Yang Expaired/Mati Agar Link Segera di Perbaiki.

:: dvayshare widget ! ::

Tidak ada komentar :

Posting Komentar

Rules Berkomentar di dvayshare :

1.No SPAM
2.No SARA
3.Dilarang Menaruh Link Hidup & Link Porno
4.Gunakan Bahasa Yang Sopan

Free Backlinks