Memindahkan Blog Pager Default Blogger Di Postingan

Blog Pager Default Blogger
Dari kutak-katik template default Blogger kemarin, saya menemukan cara atau trik untuk memindahkan posisi blog pager default Blogger yang biasanya selalu berada di bawah kotak komentar menjadi berada di atas komentar. Dulu saya yakin bahwa blog pager default blogger tidak bisa dipindahkan menjadi berada di bawah postingan, namun setelah saya coba ternyata bisa.


Dan sebelumnya saya juga pernah memposting cara membuat custom blog pager untuk mengakali blog pager default Blogger agar blog pager bisa berada di atas kotak komentar. Nah kali ini triknya hampir sama seperti itu, namun ini menggunakan blog pager default Blogger itu sendiri sehingga lebih mudah dan simple.


Sebagai demonya silahkan lihat blog pager-nya pada halaman berikut ini DI SINI.

Jika Anda ingin mencobanya, silahkan ikuti triknya di bawah ini.

Silahkan cari kode di bawah ini.


<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

Kemudian scroll ke bawah sedikit dan temukan kode navigation seperti di bawah ini atau yang mirip seperti di bawah ini.


     <!-- navigation -->
  <b:if cond='data:mobile'>
    <b:include name='mobile-nextprev'/>
  <b:else/>
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>
  </b:if>


Silahkan tambahkan tag conditional untuk pengecualian halaman postingan dan halaman statis sehingga menjadi seperti di bawah ini.


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <!-- navigation -->
  <b:if cond='data:mobile'>
    <b:include name='mobile-nextprev'/>
  <b:else/>
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>
  </b:if>
</b:if>
</b:if>

Kemudian geser ke atas sedikit dan temukan kode seperti di bawah ini atau mirip seperti di bawah ini.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
         <b:include data='post' name='comment_picker'/>
        </b:if>

Atau seperti ini


<b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>

Nah silahkan tambahkan kode navigation di atas tadi tepat di atas kode <b:include data='post' name='comment_picker'/> atau <b:include data='post' name='comments'/> sehingga menjadi seperti di bawah ini.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- navigation -->
  <b:if cond='data:mobile'>
    <b:include name='mobile-nextprev'/>
  <b:else/>
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>
  </b:if>
          <b:include data='post' name='comments'/>
        </b:if>

Selesai... silahkan save templatenya dan lihat penampakannya di halaman postingan. Selamat mencoba....

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments