Cara Ganti Teks Newer Home Older Post dengan Gambar Font Awesome

Romeltea | Follow @romel_tea
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 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

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Blogger from Bandung, Jawa Barat, Indonesia. Follow me: facebook twitter instagram twitter youtube

Recommended Posts

No comments on Cara Ganti Teks Newer Home Older Post dengan Gambar Font Awesome

Post a Comment

No Spam, Please!

Contact Form

Name

Email *

Message *