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

  • Alternatif posting tanpa judul
    Penasaran dengan judul posting ini silahkan simak saja, sebenarnya trik ini saya gunakan untuk mengganti sebuah judul pada sebuah posting yang tidak memiliki judul. adakah posting tanpa judul? mungkin terjadi karena lupa ketika membuat posting atau sebagainya. untuk menerepkan trik ini cukup mudah 1. Silahkan masuk ke Blogger 2. Pilih Templat…
  • Membatasi jumlah pencarian posting
    Kalau sebelumnya saya membahas tentang cara bagaimana membatasi jumlah posting yang di sajikan dalam pencarian per label, kali ini saya akan membahas cara membatasi jumlah posting yang akan di tampilkan ketika user atau pengunjung menggunakan form pencarian untuk menemukan sebuah artikel atau posting bukan dari kategori label. Bingung? coba l…
  • Background posting berbeda - beda di homepage
    buat sobat yang sedang mencari trik atau cara untuk membuat tampilan posting tampil dengan warna background yang berbeda beda di setiap lebel dan halaman depan blog saja dan suka dengan tampilan seperti ini bisa menggunakan trik mudah berikut ini. caranya pun juga cukup mudah, silahkan buka editor template blog sobat lalu cari kode </head&…
  • Membuat satu link untuk dua url halaman
    Salam sobat blogger, iseng iseng ini share trik jadul yang mungkin udah tidak menarik tapi ya mungkin unik buat di gunakan yaitu membuat sebuah link tapi untuk membuka dua halaman dalam waktu bersamaan sekali klik. trus untuk apa? mungkin buat sobat yang menulis posting dan menyertakan beberapa sumber trik ini bisa di gunakan, saya juga menggu…
  • jQuery Show Hide Checkboxes
    Kali ini saya akan share Show Hide sederhana menggunakan jQuery Checkboxes value, prinsip kerjannya sama saja dengan jQuery show hide hanya saja berbeda di medianya. trik ini juga sebelumnya pernah saya gunakan untuk membuat show hide emoticon, konversi kode dan halaman OOT di komentar blog saya, jika mungkin anda juga berminat menggunakan jQu…
  • Memasang total post dan total comment
    Mungkin ini bukan trik baru, tapi saya coba terapakan kembali sedikit trik lama ini untuk menambah keunikan di dalam tampilan blog saya. memasang total post dan total comment bukan hal yang sulit, karena kita hanya perlu menggunakan sedikit script. script yang di gunakan seperti di bawah ini: Script untuk Total Posts <script style="text/j…

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

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

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...