Mengganti Link Newer Home Older Post dengan Gambar Icon Font Awesome

December 10, 2017
Cara Mengganti Link Newer Home Older Post dengan Gambar Icon Font Awesome
Cara Mengganti Link Newer Home Older Post dengan Gambar Icon Font Awesome

BANYAK blogger menggunakan navigasi atau blog pager dengan menggunakan nomor/angka.

Bagus sih. Tapi, tahukah Anda, itu memperlambat loading blog!

Lagi pula, jarang diklik orang. Maka. mengganti Link teks Newer Post, Home, Older Post dengan Gambar Icon FontAwsome lebih baik daripada menggantinya dengan Judul Posting.

Admin Blogger Bandung juga memasangnya. Lihat di bagian bawah halaman ini atau di bagian bawah halaman depan sebagai demonya. 

Alasan admin menggunakan link newer post, home, dan older post dengan gambar awesome font, bukan dengan angka/nomor, karena lebih Fast Loading. 

Cara Ganti Link Newer Home Older Post dengan Gambar Icon Font Awesome

Berikut ini cara mengganti Link Newer Post Home Older Post dengan Gambar Icon FontAwsome

1. Tema > Template
2. Cari dan ganti kode berikut ini:

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

Dengan

<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'/>

Ganti satu-satu karena posisi kodenya ada di antara kode lain.

3. Pasang link ke font awesome berikut ini di atas kode </head>

<script>
//<![CDATA[
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
//]]>
</script>

4. Save!

Kini link Newer Post Home Older Post sudah diganti dengan Gambar menggunakan Icon FontAwsome. (bloggerbandung.net).*

Thanks for reading Mengganti Link Newer Home Older Post dengan Gambar Icon Font Awesome

Related Posts

Next Article
« Prev Post
Previous Article
Next Post »
Your Comments

No SPAM, Please...!