Mengatasi blog pagger/navigasi link yang tidak muncul

Mengatasi blog pagger/navigasi link yang tidak muncul

Trik

Umumnya, setiap blog blogger memiliki sebuah link navigasi untuk mengarahkan setiap laman, posting dan arsip saat di buka kecuali si admin/author menghilangkannya untuk tujuan tertentu. namun apa yang terjadi jika link navigasi ini tidak muncul, tentunya akan membuat pengunjung kesulitan menelusuri laman, posting dan juga arsip seperti yang di alami oleh teman saya. kali ini saya akan berbagi trik menangani masalah ini untuk sobat yang memiliki masalah yang sama.

Cara Membuat navigasi Link Terlihat?

Cukup melakukan ini,

1. Login ke Blogger> Template> Edit HTML
2. Backup Template Anda untuk mencegah kesalan yang terjadi
3. Cari kode css berikut ini dengan menekan Ctrl + F,

#blog-pager-newer-link {
    float: left;
       
}
#blog-pager-older-link {
    float: right;
}
#blog-pager {
    text-align: center;
       
}

4. Ganti dengan kode css berikut:

#blog-pager-newer-link {
    float: left;
        display:inline;
       
}
#blog-pager-older-link {
    float: right;
        display:inline;
}
#blog-pager {
    text-align: center;
        clear:both;
       
}

5. Kemudian simpan perubahan dan lihat hasilnya.

Masalah yang masih terjadi: Sudah di lakukan trik di atas, link navigasi muncul di halaman beranda, arsip dan laman namun tidak di halaman posting. coba anda ikuti trik di bawah ini:

Maka saya kira Anda harus mengubah kode dengan cara di bawah ini.

1. Masuk ke blogger dan editor template dan cari <div class='blog-pager' id='blog-pager'>
2. Ganti semua kode yang anda temukan dengan kode di bawah ini,

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='clear'/>

Jika ini masih belum mengatasi masalah tersebut, priksa struktur element template anda.

Semoga berhasil dan membantu....

Artikel Terkait

  • Template berbeda dengan tag Conditional
    Pernah berkunjung ke blog kang rohman ? jika pernah, sobat akan melihat dua perbedaan yang begitu jelas antara warna background header dan posting per label. ketika sobat membaca posting yang berlabel blogger maka sobat akan melihat warna header dengan tampilan orange dan background posting dengan logo blogger, dan ketika sobat membaca posting…
  • Cara memasang kotak pencarian pada menu navigasi
    Terkadang kita tertarik pada sebuah tampilan menu navigasi drop down yang cantik, namun kemudian muncul kekecewaan bagi para sobat yang ingin dalam menu navigasi yang cantik tersebut seharusnya di sertai dengan kotak pencarian agar lebih cantik sehingga semuanya menjadi praktis dalam satu paket dan tidak perlu untuk menambah pekerjaan lagi unt…
  • Berbagai trik membuat single page
    Single page/halaman penuh adalah satu halaman yang tidak dihiasi oleh widget atau pun element sidebar. ada tujuan dan kebutuhan tertentu sehingga author atau pemilik blog membuah sebuah single page di blognya, misalnya untuk menempatkan forum, membuat halaman daftar isi, aboute blog juga alasan lainnya. untuk demo, silahkan klik link aboute at…
  • Post info di bawah judul artikel
    Ketika tidak ada komentar yang dibuat untuk posting Anda, ada link yang mengatakan 'Jadilah yang pertama untuk berkomentar!' dan ketika hanya ada satu komentar maka akan muncul '1 komentar sejauh ini'. Jika Anda ingin membuat blog Anda lebih bergaya dengan mengganti teks-teks dengan beberapa ikon lucu kecil bersama dengan default Nama Penulis,…
  • Membuat komentar ditutup blogger
    Sebenarnya blogger telah menyertakan notivikasi tentang form komentar diijinkan atau tidak oleh admin/author blog, namun notivikasi tersebut sangat sederhana. kali ini saya akan berbagi trik membuat pemberitahuan komentar yang ditutup seperti blog ini. silahkan lihat contohnya dibawah ini Caranya menerapkan trik ini mungkin akan sedikit r…
  • Cara membuat kotak pencarian sidebar
    Kotak pencarian berguna untuk membantu pengunjung untuk menelusuri sebuah artikel di dalam blog menggunakan kata kunci tertentu yang di kirim melalui query ke directory blog. Tutorial ini merupakan bukan hal baru, namun meletakkan/memasang kotak penelusuran di blog memang tergolong penting jadi sebaiknya anda memasangnya untuk para pengunjung…

2 komentar

  1. Febri Tri Harmoko22 Agustus 2014 pukul 01.25

    di blog saya tetep tidak berfungsi :( kenapa yah padahal sebelum nya baik baik saja ... apakah ada cara untuk memperbaiki ny?

    BalasHapus


Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...