Inilah Cara Paling Mudah Membuat Nomor Halaman (Page Number) di Blog, Gak Pakek Lama

Silahkan Baca Juga × − +

Fungi page number berguna untuk mempermudah pengunjung blog dalam membuka setiap halaman blog, selain itu dengan fungsi ini membuat blog terlihat lebih indah dan elegan.

Tapi sebelumnya gak ada salahnya silahkan baca posting saya tentang Membuat Blog Itu Mudah Dan Menyenangkan.

Cara yang akan saya tulikan ini menurut saya merupkan cara yang paling mudah dan praktis untuk dilkaukan, terlebih bagi pemula di dunia blogging. Karena denga cara ini kita tidak perlu membuka kode html struktur template yang terlihat rumit. Kita hanya cukup menambahkannya  di menu "tata letak" blogger melalui fitur "tambahkan gadget", simpan dan selesai.

Namun sebelumnya saya ucapkan terima kasih kepada sobat blogger  hxxp://www.vikrymadz.web.id empunya kode ini.

Berikut kode yang perlu sobat tambahkan:

<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/AVvXsEiZPwbCl0-JIkVmRPZ8BHw7c9bYzjHOu1U69t8Qv3rBle-IES8iA4MNcleyyhREbrkoo-ARjSFVpbAb-oVDquhYSNaCHwmOkS1N1xZoQm9p3mrMgakvLORPAo6RowVNC51kYk1ER2u7byU/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/AVvXsEiZPwbCl0-JIkVmRPZ8BHw7c9bYzjHOu1U69t8Qv3rBle-IES8iA4MNcleyyhREbrkoo-ARjSFVpbAb-oVDquhYSNaCHwmOkS1N1xZoQm9p3mrMgakvLORPAo6RowVNC51kYk1ER2u7byU/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;

• Memasang Jadwal Shalat Republika Com Di Blog
• Menyesuaikan Pengaturan Format Tanggal dan Waktu dan Bahasa Di Blogspot
• 5 Cara Ampuh Mempercepat Kecepatan Loading Blog
• 13 Tips Dalam Membuat Blog Wordpress
• Inilah Cara Paling Mudah Membuat Nomor Halaman (Page Number) di Blog, Gak Pakek Lama

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZPwbCl0-JIkVmRPZ8BHw7c9bYzjHOu1U69t8Qv3rBle-IES8iA4MNcleyyhREbrkoo-ARjSFVpbAb-oVDquhYSNaCHwmOkS1N1xZoQm9p3mrMgakvLORPAo6RowVNC51kYk1ER2u7byU/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/AVvXsEiZPwbCl0-JIkVmRPZ8BHw7c9bYzjHOu1U69t8Qv3rBle-IES8iA4MNcleyyhREbrkoo-ARjSFVpbAb-oVDquhYSNaCHwmOkS1N1xZoQm9p3mrMgakvLORPAo6RowVNC51kYk1ER2u7byU/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/AVvXsEhj-4VKfQWLAa1Sy8edAMWsX5gbjqYX8zGx3l4pxAIdpwagtF_2O9MDk3IDYcQQyGo93KzoD2bzR0KOoRZhqAiRewSEE7Acd4iz0PApkfSrXJ6SvTyyIjLvMAAHiWqIfpPT5y2Q7eGDv3o/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=10;
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>
Yang warna merah merupakan jumlah posting perhalaman, silahkan diganti sesuai selera ^_^

Langkah-langkah yang harus anda lakukan:
1. Silahkan login ke akun blogger sobat
2. Selanjutnya ketika sobat sudah berda di halaman dashboard blogger, klik menu "tata letak" yang bersa di baris kanan dashboard.
3. Tambahkan "tambahkan gadget" kemudian pilih "HTML /JavaScript". masukkan kode di atas dan simpan.

4. Yang terakhir perlu dilakukan yaitu meindahkan kode html tadi ke bawah elemen "posting blog" pada menu "tata letak" tadi. Caranya yaitu dengan menyeret HTML /JavaScript tadi dan menaruhnya tepat di bawah elemen "posting blog", jangan lupa untuk menyimpan setelan.

 

Selamat mencoba, semoga berhasil dan bermanfaat. Amin....

Please do not copy content from this page, this content is protected by: