Tutorial cara mengganti text "Older Post", "Home", dan "Newer Post" di Blogger/Blogspot dengan goresan pena lain atau gambar (icon)
Jika kita melihat dan mengamati goresan pena older post, newer post, dan home dalam tampilan template Blogger/Blogspot, tampak kurang menarik, terkesan jadul, dan tidak profesional, bukan? Sebagai alat navigasi, tentunya anda perlu memperhatikan tampilannya biar lebih menarik pengunjung untuk meng-klik-nya.
Anda dapat dengan mudah mengubahnya menjadi goresan pena lain atau gambar (icon) dengan cara sebagai berikut:
1. Masuk ke dashboard > design/rancangan > edit HTML, klik "Expand Widget Templates".
2. Cari aba-aba yang berwarna merah sebagai berikut:
Wujud barisnya biasanya ibarat ini, kopi aba-aba yang berwarna merah dan masukkan ke kotak pencarian browser (Ctrl+F).
expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>(yang terakhir ialah Home/Beranda, biasanya ada dua, jadi cari satu lagi).
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>
3. Perhatikan poin-poin berikut:
a. Jika ingin mengganti dengan goresan pena lain:
<data:newerPageTitle/> ialah newer post, hapus dan ganti dengan "Previous" atau kata-kata sejenisnya yang diinginkan.
<data:olderPageTitle/> ialah older post, hapus dan ganti dengan "Next" atau kata-kata sejenisnya yang diinginkan.
<data:homeMsg/>adalah home/beranda (biasanya ada dua, jadi kalau 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>b. Jika ingin mengganti dengan gambar (icon):
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>
Masukkan script image source sebagai pengganti dari tulisan: <img src="url gambar icon"/>
contoh:
expr:title=’data:newerPageTitle’><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0e4OlO4tJa1N6qnLzxKafxW9X-zPRmjE_0N7lyXZlm1NWqqzXU0p9xl1VAJzq1j-W5AaKw-AvlQxVWwgHpX-ikT5_0vHkVzwCa5pjflz5OuBYUJc794V8JRR1G7QdzlnrTUjm9tVfadV/s1600/next.png"/></a>
dan seterusnya......
Anda dapat menggunakan gambar berikut, ibarat yang dipakai blog ini, namun upload dan host sendiri ya. Klik kanan di atas gambar dan klik "save image as", atau mampu cari di internet. Lalu upload gambar dan ambil direct link-nya, masukkan ibarat teladan diatas.
4. Langkah terakhir, preview terlebih dahulu, atau eksklusif save.
mencuri ialah pekerjaan pengecut! © buka-rahasia.blogspot.com