Cara Mengganti Tombol NextPrev Bawaan Blogger dengan Icon
Wednesday 18 March 2020
Cara Mengganti Tombol NextPrev Bawaan Blogger dengan Icon. - Blog dengan template standar bawaan blogspot, di bawah
postingan biasanya akan dijumpai navigasi tombol bertuliskan
Newer Post, Home, dan Older Post.
Tombol tersebut bertujuan memudahkan pengunjung untuk mengarahkan pada
postingan lebih baru, beranda dan postingan lebih lama.
Biasanya beberapa blogger menggantinya dengan judul postingan, atau
tombol angka, namun ada yang berakibat kecepatan loading blog menjadi
berkurang. Oleh karenanya, sebagai alternatif bisa diganti dengan Icon
Gambar yang Simple, Keren, namun tetap Fast Loading.
Meskipun diganti gambar Icon, fungsinya masih tetap sama, hanya
tampilannya saja yang berubah. Cara ini tidak akan mempengaruhi
kecepatan blog, sehingga tidak perlu khawatir loading blog akan menjadi
lambat. Dengan diganti menggunakan Font Awesome ini, maka tampilan blog
pager anda akan menjadi lebih segar, sederhana, namun tetap keren, fast
loading dan responsive. Untuk tampilannya seperti berikut ini:
Jika anda ingin menerapkannya di blog anda, silahkan ikuti langkah-langkah berikut ini.
- Buka akun blogger anda.
- Pilih menu tema dan klik edit html.
- Sebelumnya pastikan di blog anda sudah dipasang kode font awesome. Jika belum silahkan tambahkan kode berikut ini di atas kode </head>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css"/>
Selanjutnya cari tiga kode berikut ini :
1. New Post / Postingan Terbaru
Cari Kode :
<data:newerPageTitle/>
Jika sudah ketemu, ganti dengan :
<i class='fa fa-arrow-circle-right fa-2x'/>
2. Older Post / Postingan lama
Cari kode :
<data:olderPageTitle/>
Jika sudah ketemu, ganti dengan :
<i class='fa fa-arrow-circle-left fa-2x'/>
3. Home / beranda :
Cari Kode :
<data:homeMsg/>
Jika sudah ketemu, ganti dengan :
<i class='fa fa-home fa-2x'/>
- Jika sudah silahkan simpan kembali template anda. Silahkan anda lihat hasilnya.
