Cara Ganti Teks Newer Home Older Post dengan Gambar Font Awesome

Baca Juga

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 bagian bawah halaman depan dan halaman dalam blog.

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

Anda bisa menggantinya dengan judul postingan, namun risikonya kecepatan blog Anda akan berkurang.

Maka, alternatifnya adalah dengan menggantinya dengan gambar agar tampilannya lebih bagus. Cara ini fast loading karena menggunakan Awesome Font.

Cara mengganti Teks link Newer Post, Home, Older Post dengan Gambar menggunakan Font Awesome. Demonya bisa 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 kode 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 kode </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