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 penggalan 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 akibatnya kecepatan blog Anda akan berkurang.
Maka, alternatifnya ialah dengan menggantinya dengan gambar semoga 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.
2. Cari dan Ganti tiga jenis isyarat berikut ini:
3. Secara berurutan, ganti dengan kode:
4. Pasang link ke Font Awesome ini di atas isyarat </head>
5. Save!
Demikian cara Cara Ganti Teks Newer Post - Home - Older Post dengan Gambar Font Awesome. Wasalam.
Sumber
Link berupa teks Newer Post, Home, Older Post merupakan navigasi atau blog pager bawaan Blogger. Ia muncul di penggalan 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 akibatnya kecepatan blog Anda akan berkurang.
Maka, alternatifnya ialah dengan menggantinya dengan gambar semoga 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 HTML2. Cari dan Ganti tiga jenis isyarat 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 isyarat </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
Cara Ganti Teks Newer Home Older Post Dengan Gambar Font Awesome
4/
5
Oleh
BMNG Info