Tutorial Membuat Page Number pada Blog

Kali ini ane mau share nih Cara membuat Page Number pada Blog yang akan memudahkan para pengunjung blog. Langsung aja nih Step-stepnya

1.Login pada Blog Anda
2.Langsung aja ke Bagian Tata Letak
3.Tambahkan Gadget

4.Setelah itu pilih Html/Java Script

5. Tidak usah diberi Judul dan langsung isi aja

6.Pastekan Script 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/AVvXsEjbP3HtgGJ-KIRHDeAmXRmF0BQvdYv0LVsXKc_kCaTHtpEbTa8elO_m9d_-GMel9z7Y5GelOBOLmS5ZDSneq76hvQS-I_yakKXgQQTT3YLQY-CI3GFMl9ZwOo00TufUdP45kaWZxi3R-dE/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/AVvXsEjbP3HtgGJ-KIRHDeAmXRmF0BQvdYv0LVsXKc_kCaTHtpEbTa8elO_m9d_-GMel9z7Y5GelOBOLmS5ZDSneq76hvQS-I_yakKXgQQTT3YLQY-CI3GFMl9ZwOo00TufUdP45kaWZxi3R-dE/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/AVvXsEjbP3HtgGJ-KIRHDeAmXRmF0BQvdYv0LVsXKc_kCaTHtpEbTa8elO_m9d_-GMel9z7Y5GelOBOLmS5ZDSneq76hvQS-I_yakKXgQQTT3YLQY-CI3GFMl9ZwOo00TufUdP45kaWZxi3R-dE/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/AVvXsEjbP3HtgGJ-KIRHDeAmXRmF0BQvdYv0LVsXKc_kCaTHtpEbTa8elO_m9d_-GMel9z7Y5GelOBOLmS5ZDSneq76hvQS-I_yakKXgQQTT3YLQY-CI3GFMl9ZwOo00TufUdP45kaWZxi3R-dE/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/AVvXsEjQYdgZ4-a2C-xvpEMXMj9QLF-uL1OM0RO8KAlA-mc1VVL_gZ-EOXofGFdqgABx288wVOIXx-CfoFtn45qzWua7PAJiaLlTVbbroecuXb0atSMLU9Db0cIb1_nfvLMRXd4jYJgeSmjV0jo/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>

7.Save

Nb : Jika tidak bisa itu berarti Template Blog anda tidak support Untuk Script ini

Sekian Tutorialnya, Semoga Blog anda menjadi lebih bagus dan dapat bermanfaat

Share on Google Plus

About Unknown

Hanyalah Seorang Manusia Biasa yang tidak lepas dari Kesalahan.