Cara Membuat Label Navigation Numbers Responsive Keren - HP Yitno Cara Membuat Label Navigation Numbers Responsive Keren - HP Yitno

Bisnis Online I Affiliasi I Tutorial Blog I Tips & Trick I Motivation I SEO

Cara Membuat Label Navigation Numbers Responsive Keren

Cara Bikin Label Navigasi Responsive Keren
Ketika kita memasang Page Navigation Numbers, sebaiknya Label Navigation Numbers juga diatur agar sinkron dengan page navigasi. Jika tidak kita sesuaikan jumlah page-nya, maka yang terjadi adalah laman pencarian label akan menampilkan tulisan dengan kategori tertentu dengan jumlah maksimal. Hal ini tentu tidak sesuai dengan pengaturan Page Navigation Number yang telah kita setting sebelumnya.

Label Navigation Numbers sebenernya satu kesatuan dengan Page Navigation Numbers. Hanya saja kita perlu menambahkan sedikit kode html agar keduanya bisa bekerja sesuai dengan yang kita harapkan. Jangan sampai tatkala pengunjung menekan tombol page navigasi, yang muncul justru artikel yang sama dengan page sebelumnya. Ini terkesan postingan yang ada dalam website tersebut hanya itu saja dan tidak ada yang lain. Padahal letak kesalahannya terdapat pada Page Navigasi dan Label Navigasi yang tidak bersinergi.

Untuk membuat label navigasi ini juga terbilang mudah. Ikuti saja tutorial di bawah ini dengan seksama. Akan lebih baik lagi jika anda langsung mempraktekkannya sendiri sambil membaca tutorial sederhana ini. Berikut tahapan membuat Label Navigasi Keren Responsive.

1. Login ke www.blogger.com
2. Klik template kemudian edit html
3. Pasang terlebih dahulu Page Navigation Numbers (Jika belum dipasang)
4. Atur jumlah page yang diinginkan (misal 5 postingan di homepage)
5. Cari kode di bawah ini dengan bantuan CTRL + F

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

6. Ganti kode diatas dengan kode di bawah ini

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'>

7. Simpan template dan lihatlah hasilnya

Keterangan:
max-results=5 itulah yang sebenernya kita tambahkan dalam kode label navigasi standar bawaan blogspot.

Demikianlah tutorial singkat cara membuat label navigation keren dan responsive. Semoga artikel sederhana ini bisa membantu sahabat blogger yang mengalami kesulitan. Teruslah berbagi karena berbagi justru akan menambah wawasan anda.
SHARE :

Iklan Lucu & Super Kreatif Di Dunia

Amazing..!!! - Kata itulah yang mungkin akan anda katakan tatkala melihat iklan paling kreatif & termahal di dunia berikut https://youtu.be/jYsx0nlGtJ4.
4 Komentar untuk "Cara Membuat Label Navigation Numbers Responsive Keren"

Trik di atas lah yang sering dilupakan oleh pengguna template di indonesia.

makasih mas..boleh langsung copy paste ya kodenya..hehehe

apa bedanya sama navigation number di artikel yang sebelumnya ya mas?

saputramz.com

Kenapa kalo di widget label gak bisa ya mas ?

1. Silakan buka Daftar Isi untuk melihat artikel menarik lainnya
2. Komentar sobat adalah investasi besar untuk meningkatkan jumlah pengunjung ke Blog Sobat

Back To Top