--> Skip to main content

Cara Mengganti Tombol NextPrev Bawaan Blogger dengan Icon.

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:


Cara Mengganti Tombol NextPrev dengan Icon.



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. 
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar