Cara Ganti Teks Newer Home Older Post dengan Gambar Font Awesome

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

Thanks for reading Cara Ganti Teks Newer Home Older Post dengan Gambar Font Awesome | Tags:

Next Article
« Prev Post
Previous Article
Next Post »

Related Posts

Your Comments

No Spam, Please!