Cara mudah membuat nomor navigasi halaman blog

Cara mudah membuat nomor navigasi blog di blogger. Setiap pemilik blog (termasuk saya dan sobat-sobat) pasti ingin mempercantik tampilan blognya, agar bisa membuat pembaca lebih nyaman memandangi blog. Dan pastinya mempermudah pembaca mencari tahu isi blog dengan lebih cepat.

Banyak elemen yang bisa kita masukkan dalam tampilan blog, pada bagian atas kolom postingan ada menu navigasi bar, di sidebar bisa menggunakan beberapa widget (about me, arsip blog, post populer dll), sampai bagian bawah seperti yang saya jadikan topik kali ini, yaitu nomor navigasi halaman posting blog.

Sudah tahu kan bagaimana aslinya navigasi halaman bawaan pada blogger???
Benar Sob, menampilkan menu Newer Post, Home dan Older Post. Seperti yang dapat sobat lihat pada kotak berwarna merah no 1 di gambar.

Tampilan inilah yang akan kita rubah, agar menjadi susunan angka yang berurutan sehingga akan lebih memudahkan pembaca karena bisa langsung loncat ke beberapa halaman berikutnya (lihat kotak merah no 2). Penampakannya pun saya jamin lebih asyik dibandingkan navigasi halaman bawaan blogger. Seperti yang terlihat pada gambar di bawah ini...

http://kendhou.blogspot.co.id/2015/12/membuat-nomor-navigasi-halaman-blog.html

Saya sebutkan diatas bahwa cara ini adalah cara yang mudah, nggak percaya???
Ada alasan kenapa saya mengatakan mudah, karena pembuatan menu navigasi halaman ini cukup menggunakan fitur Tata Letak, tanpa melakukan pengeditan HTML pada Template. Sehingga sobat tidak perlu mencari kode-kode tertentu pada Template dan masih dengan beberapa resiko bagi yang belum terbiasa dengan hal ini (benar kan???).

Langsung sobat praktekkan ya...

  1. Masuk/Log In ke akun Blogger sobat seperti biasa
  2. Pada halaman Administrator blog, sobat buka Tata Letak >> Klik Tambahkan Widget/Gadget >> Pilih HTML/Java Script
  3. Masukkan (Copy) Script berikut di dalam kotak widget
<style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#ffffff;
text-decoration:none;
border: 1px solid #B4B2B2;
margin:0 3px;
padding:3px 7px;
background-color:#00477d;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#E4E0E0;
border: 1px solid #A7A5A5;
padding:3px 7px;
background-color:#ff6600;
margin:0 3px;
}
.showpageOf {
color:#333;
text-decoration:none;
padding:3px 7px;
margin: 0 3px 0 0;
}
</style>
<script style='text/javascript'>
var numshowpage=5;
var postperpage =10;
var upPageWord="Previous";
var downPageWord="Next";
var urlactivepage=location.href;
var home_page="/";
</script>
<script style='text/javascript' src='http://numbered-page.googlecode.com/files/Numbered%20Page%20Navigation%20Widget%20to%20Blogger.js'></script>

Selesai memasukkan Script, klik Simpan dan lihat bagaimana hasil pada blog sobat.

>>  Jumlah halaman (berurutan) yang akan ditampilkan pada menu navigasi.

>>  Jumlah postingan artikel yang ditampilkan per halaman navigasi.


Mudah bukan Sob?? Saya berharap postingan saya ini dapat memberikan manfaat bagi sobat dan blog sobat, Ingat ya Sob... 

'Teruslah belajar, karena belajar tak mengenal batasan (Siapa, dimana, kapan bahkan usia). Dan berbagilah agar ilmu baru mendatangimu.'

Sekian tutorial sederhana saya tentang cara mudah membuat nomor navigasi halaman blog yang tak kalah sederhana. Semoga kita bisa menjadi pribadi yang bermanfaat bagi orang lain.
Salam Pintar...

Comments

  1. Trik PosDecember 11, 2015 at 6:21 PM

    Contoh screnshotnya g ada mas....

    ReplyDelete
    Replies
    1. ken dhouDecember 11, 2015 at 6:25 PM

      Lho..???!!!
      bukannya yang diatas ada gambarnya ya sob?
      yang no 2

      Delete
  2. katon sumargiDecember 11, 2015 at 8:14 PM

    Nih, yang namanya artikel bermanfaat, saya coba dulu di blog gue yah,,, makasih sobat.

    ReplyDelete
    Replies
    1. ken dhouDecember 12, 2015 at 5:45 AM

      silahkan sob katon
      semoga berhasil n terima kasih kembali

      Delete
  3. Qindi AssyauqieMarch 18, 2016 at 4:45 AM

    gan klo untuk pasang navigasi di halaman LABEL gmn?
    aku pasang itu cuma ada tuk beranda aja
    makasih, suskes sllu
    http://mejarapuh.blogspot.co.id/

    ReplyDelete

Post a Comment

Terima kasih atas kunjungannya...
Pertanyaan, pendapat,serta saran dan masukan dapat sobat tuliskan pada kolom komentar yang tersedia. Harap menggunakan bahasa yang baik dan sopan.
Mohon maaf, segala bentuk SPAM dan mengandung unsur SARA akan kami hapus.

Popular posts from this blog

Cara stel timing Pompa Injeksi Diesel

Image
Banyak cara untuk menambah tenaga mesin diesel, bisa dengan menambah debit minyak, ovesize silinder, setting governor, nosel, klep, mengatur timing pembakaran hingga memasangkan tubocharger pada mesin. Kali ini saya akan membahas tentang bagaimana cara stel timing pompa injeksi diesel yang benar dan tepat.
Kenapa timing pembakaran dirubah/distel?
Pada posisi standar (tanda garis pada pompa injeksi behadapan lurus dengan garis pada mesin). Bahan bakar akan ditembakkan oleh pompa injeksi ke dalam ruang bakar beberapa saat setelah piston melewati TMA. Dan tujuan memajukan timing pembakaran adalah, agar bahan bakar dapat ditembakkan bertepatan dengan piston pada posisi TMA.
Berbahayakah hal ini dilakukan?
Semua ada ukurannya, ketika kita terlalu maju merubah timing pembakaran maka yang terjadi adalah pembakaran dini. Yaitu keadaan dimana bahan bakar terlebih dahulu ditembakkan sebelum piston mencapai titik TMA. Akibatnya adalah mesin menjadi lebih cepat panas (beresiko over heating) dan ti…
Lanjut Sob »

Menambah tenaga Isuzu Elf

Image
Beberapa postingan terakhir saya lebih sering membahas hal-hal diluar Pompa Injeksi, dan dikarenakan cukup banyak sobat-sobat kita yang menanyakan kepada saya tentang cara menambah tenaga Isuzu Elf baik melalui Email, pesan singkat, WhatsApp hingga BBM. Maka kali ini saya akan membahas tentang cara tuneup pada pompa injeksi Isuzu Elf. Dan saya lebih menitik beratkan pada pompa injeksi jenis In Line karena untuk tipe Distribusi atau VE tak jauh berbeda dengan kendaraan lain dengan tipe PI yang sama.

Pompa Injeksi tipe ini lazim digunakan pada kendaraan Isuzu dengan mesin NKR 66 dan sejenisnya. Dengan bentuk PI yang berkonfigurasi sebaris untuk plungernya (In Line) seperti pada Colt Diesel dan beberapa mesin lainnya.
Oke Sob... yuuuk kita chussss ke TKP
Hal yang pertama kali dilakukan dan sama persis dengan dengan PI pada mesin lainnya yaitu Stel Timing. Saya katakan sama karena kita hanya perlu menggeser posisi PI untuk memajukan derajat pembakarannya. Karena kode pada PI adalah L ber…
Lanjut Sob »

Ciri-ciri nozzle yang rusak

Image
Sobat-sobat kendhou yang ganteng n syantik...Pada sistem kerja penginjeksian bahan bakar khususnya solar alias diesel, ada sebuah komponen yang memiliki tugas sebagai "striker" dari sekian banyak rangkaian perjalanan bahan bakar. Dimulai ketika bahan bakar dihisap dari tangki, menerobos melewati dua saringan bahan bakar meninggalkan air dan debu kotoran di masing-masing filter, lalu diumpan dengan kuat oleh plunger melewati ketatnya delivery valve yang menjaga tekanan tetap tinggi hingga akhirnya berhasil masuk kedalam ruang bakar. Nosel atau injector, adalah penyerang utama yang berperan menjadi ujung tombak sehingga bahan bakar dapat masuk ke dalam ruang bahan bakar. Maka kondisi dari injector memang harus benar-benar fit agar pembakaran bisa matang dan menghasilkan tenaga yang optimal. Banyak kasus berkurangnya (bahkan hampir kehilangan) tenaga pada mesin diesel, susah hidup hingga suara nglatak (kasar) disebabkan oleh komponen ini. Sering kali pertanyaan yang sama dilont…
Lanjut Sob »