Cara Ganti Teks Newer Home Older Post Dengan Gambar Font Awesome

Cara Ganti Teks "Newer Post", "Home, dan  "Older Post" dengan Gambar Font Awesome

Link berupa teks Newer Post, Home, Older Post merupakan navigasi atau blog pager bawaan Blogger. Ia muncul di cuilan bawah halaman depan dan halaman dalam blog.

Fungsinya sebagai navigasi halaman sekaligus tautan (internal link) ke posting gres atau usang dan ke halaman depan.

Anda dapat menggantinya dengan judul postingan, namun balasannya kecepatan blog Anda akan berkurang.

Maka, alternatifnya yakni dengan menggantinya dengan gambar biar tampilannya lebih bagus. Cara ini fast loading sebab memakai Awesome Font.

Cara mengganti Teks link Newer Post, Home, Older Post dengan Gambar memakai Font Awesome. Demonya dapat dilihat di ilustrasi gambar di atas.

Cara Ganti Teks Newer Home Older Post dengan Gambar Font Awesome

1. Tema/Template > Edit HTML
2. Cari dan Ganti tiga jenis instruksi berikut ini:

<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>

3. Secara berurutan, ganti dengan kode:

<i class='fa fa-arrow-circle-left fa-2x'/>
<i class='fa fa-arrow-circle-right fa-2x'/>
<i class='fa fa-home fa-2x'/>

4. Pasang link ke Font Awesome ini di atas instruksi </head>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

5. Save!

Demikian cara Cara Ganti Teks Newer Post - Home - Older Post dengan Gambar Font Awesome. Wasalam.

Sumber