Mengubah Navigasi Posting Lama/Posting Gres Menjadi Berikutnya/Sebelumnya

Published by Concept Phone Selasa, 31 Juli 2018

Sebelum memasuki langkah perombakan, paling tidak kau harus mengerti terlebih dahulu mengenai tiporafi navigator halaman blogspot. Berikut ini ialah misalnya (yang hanya dapat kau lihat sesudah kau mengecek Expand Template Widget):

<b:includable id='nextprev'>     <div class='blog-pager' id='blog-pager'>         <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>         <b:if cond='data:mobileLinkUrl'>             <div class='blog-mobile-link'>                 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>             </div>         </b:if>     </div>     <div class='clear' /> </b:includable>

Seluruh arahan di atas merupakan kerangka objek (sebut saja begitu) dari sebuah navigator halaman. Kode yang Saya beri warna biru mewakili navigasi Posting Lebih Baru, arahan yang Saya beri warna merah mewakili navigasi Posting Lama, sementara arahan yang Saya beri warna hijau mewakili navigasi Beranda yang umumnya disisipkan di tengah navigator.
Karena template blogspot berbasis XML, maka kau tidak akan menemukan teks bertuliskan "Posting Lama" atau "Posting Lebih Baru" di dalamnya. XML ialah sistem perwakilan. Wujudnya hanya berupa tag yang nilainya akan berubah sesuai dengan setting dalam dasbor blogmu.

Logikanya begini: Saat kau mengubah setting bahasa antar muka menjadi bahasa Inggris, maka secara otomatis elemen navigasi Posting Lama dan Posting Lebih Baru akan berkembang menjadi Older Post dan Newer Post.
Tag-tag XML tersebut dapat Saya kategorikan ibarat ini:

Kode	Perwakilan
<data:newerPageTitle/>	Mewakili Posting Lebih Baru
<data:olderPageTitle/>	Mewakili Posting Lama
<data:homeMsg/>	Mewakili Beranda

Untuk mengubah Posting Lama, Posting Lebih Baru dan Beranda, caranya cukup dengan mengganti kode-kode tersebut saja menjadi ibarat ini:

<b:includable id='nextprev'>     <div class='blog-pager' id='blog-pager'>         <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'>Berikutnya</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'>Sebelumnya</a>             </span>         </b:if>         <a class='home-link' expr:href='data:blog.homepageUrl'>Halaman Depan</a>         <b:if cond='data:mobileLinkUrl'>             <div class='blog-mobile-link'>                 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>             </div>         </b:if>     </div>     <div class='clear' /> </b:includable>

Sekarang kau dapat menyimpan templatemu.

Sumber https://www.dte.web.id/