Mengganti Tulisan Newer Post, Home, Older Post

Mengganti Tulisan Newer Post, Home, Older Post. Secara default, untuk mempermudah dan memberikan kenyamanan para pengunjung blog, blogspot menyediakan link Newer Post (Posting Sebelumnya), Home (Halaman Depan), dan Older Post (Posting Sebelumnya). Jika kita menekan link Newer Post maka kita akan dibawa menuju ke halaman postingan sebelumnya. Jika kita menekan link Home maka kita akan dibawa menuju ke halaman depan (home) begitu pula jika kita menekan Older Post maka pengunjung akan dibawa menuju ke halaman posting sesudahnya.

Jika dirasa tulisan tersebut membosankan, kita dapat mengubah tulisan tersebut menjadi tulisan yang sesuai dengan keinginan kita. Misalkan saja, kita ingin mengganti Newer Post menjadi Halaman Sebelumnya, Home diganti dengan Halaman Depan, atau Older Post menjadi Halaman Sesudahnya. Jika menginginkan kita dapat mengganti dengan tulisan-tulisan tersebut dengan tulisan sesuai dengan keinginan masing-masing.

Jika tertarik, berikut ini.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML

Kedua, centangi “Expand Templates Widget”

Ketiga, cari kode seperti di bawah ini. Jika kita menggunakan Firefox, gunakan CTRL + F untuk mempercepat pencarian.

<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>

Keempat, cobalah untuk tulisan yang berwarna merah dengan tulisan yang kita inginkan.
<data:newerPageTitle/> misalkan kita ganti dengan Sebelumnya
<data:olderPageTitle/> misalkan kita ganti dengan Sesudahnya
<data:homeMsg/> misalkan kita ganti dengan Halaman Depan
Sehingga selengkapnya menjadi seperti di bawah 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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Sebelumnya</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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Sesudahnya</a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'>Halaman Depan</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'>Halaman Depan</a>
</b:if>
</b:if>

</div>

Kelima, kemudian simpan template

Keenam, selesai

Cobalah sekarang refresh blog dan pastikan kita sudah mendapatkan perubahan seperti yang kita kehendaki.

Berikut screenshot tampilan aslinya.


Dan berikut screenshot tampilan setelah kita lakukan perubahan


Selamat Mencoba!!

Silakan untuk membaca Mengganti Newer dan Older Post bagian kedua.