Cara Terbaru Membuat Nomor Halaman Di Blog

Cara Terbaru Membuat Nomor Halaman Di Blog

Cara Terbaru Membuat Nomor Halaman Di Blog untuk membuat nomor halaman pada bagian blog agar terlihat cantik memakai Navigasi nomor halaman diblog sekalipun dipakai untuk mempermudah penampilan artikel yang akan dicari pada situs milik anda tersebut.
Dengan membuat nomor halaman diblog akan mempermudah mencari suatu artikel yang akan dicari para pengunjung, maka dengan tutorial cara membuat nomor halaman di blog bisa membantu anda untuk mempercantik situs blog, bukan hanya itu saja dengan penomoran merupakan navigasi artikel yang sangat penting untuk blog.

Contoh Navigasi Bernomor Halaman Diblog :

Contoh Navigasi Bernomor Halaman Diblog
Contoh Navigasi Bernomor Halaman Diblog
Untuk navigasi nomor halaman diblog pengunjung akan mudah melihat maupun menjelahi artikel yang lain dimana sudah banyak postingan dengan begitu pengunjung akan betah lebih lama untuk membaca postingan anda tersebut.

Cara Membuat Navigasi Nomor Halaman Di Blog :

1. Login ke blog anda
2. Pilih Menu Edit HTML pada dashboard blog
3. Pakai kode script berikut yang ada dibawah ini dan pasang ke kode bagian script </body>.
Contoh pemasangan kode dibawah ini kebagian script </body>
Contoh pemasangan kode dibawah ini kebagian script </body>
<b:if cond=’data:view.isMultipleItems’>
  <script> //<![CDATA[
    /* Page Navigation with Number */
    var postperpage = 7; // Jumlah halaman yang tampil
    var numshowpage = 3; // Jumlah angka / nomor di menu navigasi
    var upPageWord = ‘Prev’; // Kata untuk navigasi halaman sebelumnya
    var downPageWord = ‘Next’; // Kata untuk navigasi halaman berikutnya
    var urlactivepage = location.href;
    var home_page= ‘/’;
  //]]></script>
  <script src=’https://cdn.rawgit.com/igniel/blogger/96670462/pagination.js’/>
</b:if>
4. Setelah selesai bagian pemasangan kode script diatas kebagian kode script </body> untuk selanjutnya anda dapat lakukan adalah tempelkan kode script dibawah ini kebagian atas kode script ]]></b:skin> dan jangan lupa disave. silahkan dilihat gambar ini agar tidak salah pemasangan kode.
Contoh untuk pemasangan kode dibawah ini dan letakkan persis seperti gambar ini
Contoh untuk pemasangan kode dibawah ini dan letakkan persis seperti gambar ini
/* Page Navigation with Number */
#blog-pager {clear:both; width:auto; line-height:17px; position:relative; display:block; text-align:left; overflow:visible; margin:0px; padding:0px}
.showpage a, .showpageNum a, .showpagePoint {position:relative; background:#2f303f; display:inline-block; font-size:13px; color:#fff; margin:0 4px 0 0;padding:7px 13px; text-decoration:none; border-radius:3px; transition:all .3s}
.showpageOf {float:right; color:#666; display:inline-block; font-size:13px; margin:0; padding:7px 0;}
.showpageNum a:before{ content:”; position:absolute; top:0; bottom:0; left:0; right:0; box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02); transition:box-shadow 0.5s}
.showpage a:hover, .showpageNum a:hover {background:#008c5f; color:#fff; position:relative}
.showpagePoint, .showpagePoint:hover {background:#008c5f; color:#fff}
span.label-info a.label-block:nth-child(n+2) {display:none}
5. Setelah semua dilakuan jangan lupa disave atau disimpan.
Semoga dengan tutorial ini bisa membantu anda untuk membuat kode penomoran pada navigasi halaman di blog dengan mudah tanpa mendapatkan kesusahan untuk menerapkan ke blog situs anda. sekian dan terimakasih. semoga bermanfaat untuk anda.
Baca Juga:   Meta Tag Seo Friendly Valid HTML5 2021