Cara Mengubah Older/Newer Post-Home Blogger Dengan Teks/Gambar Icon

Posted by seni belajar at 1:36 AM

Blogspot dengan goresan pena lain atau gambar Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon

Tutorial cara merubah text "Older Post", "Home", dan "Newer Post" di Blogger/Blogspot dengan goresan pena lain atau gambar (icon)

Jika kita menyaksikan dan memperhatikan goresan pena older post, newer post, dan home dalam performa template Blogger/Blogspot, terlihat kurang menarik, terkesan jadul, dan tidak profesional, bukan? Sebagai alat navigasi, pastinya anda perlu memperhatikan tampilannya mudah-mudahan lebih menawan hadirin untuk meng-klik-nya.

Anda sanggup dengan gampang mengubahnya menjadi goresan pena lain atau gambar (icon) dengan cara selaku berikut:

1. Masuk ke dashboard > design/rancangan > edit HTML, klik "Expand Widget Templates".

2. Cari isyarat yang berwarna merah selaku berikut:

Wujud barisnya umumnya seumpama ini, kopi isyarat yang berwarna merah dan masukkan ke kotak penelusuran browser (Ctrl+F).

expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>
expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>

(yang terakhir merupakan Home/Beranda, umumnya ada dua, jadi cari satu lagi).

3. Perhatikan poin-poin berikut:

a. Jika ingin merubah dengan goresan pena lain:

<data:newerPageTitle/> merupakan newer post, hapus dan ganti dengan "Previous" atau kata-kata sejenisnya yang diinginkan.

<data:olderPageTitle/> merupakan older post, hapus dan ganti dengan "Next" atau kata-kata sejenisnya yang diinginkan.

<data:homeMsg/>adalah home/beranda (biasanya ada dua, jadi jikalau ingin mengganti, maka ganti keduanya), biarkan begitu saja atau ganti dengan "Home" atau kata-kata sejenisnya yang diinginkan.

Contoh:

expr:title=’data:newerPageTitle’>Next</a>
expr:title=’data:olderPageTitle’>Previous</a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a>

b. Jika ingin merubah dengan gambar (icon):
Masukkan script image source selaku pengganti dari tulisan: <img src="url gambar icon"/>
contoh:

expr:title=’data:newerPageTitle’><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTOzuerUVLXp5ENZBYG1rIVtD_0NP-0CRgeZImZRSSGFehly6LMKw_wdWhU1REzd9E8JTIBP6ezngVfOtl3lnW6-RFeh61glE8WZlPEHhP3h9KBpmdaYG7wYIQWTy8RjuZK-7pNJ81YqQH/s1600/next.png"/></a>
dan seterusnya......

Anda sanggup menggunakan gambar berikut, seumpama yang dipakai blog ini, tetapi upload dan host sendiri ya. Klik kanan di atas gambar dan klik "save image as", atau sanggup cari di internet. Lalu upload gambar dan ambil direct link-nya, masukkan seumpama teladan diatas.