Cara Mengganti Link Older-Home-Newer Post dengan Gambar Panah
July 11, 2017
Cara Mengganti Link Older-Home-Newer Post dengan Gambar Panah Menggunakan Font Awesome.
LINK Olde Post, Home, Newer Post atau Posting Lama, Beranda, Posting Terbaru adalah bawaan blogger. Jika tidak disembunyikan, link tersebut otomatis ada di halaman depan (kalau tidak diganti dengan angkat/nomor) dan halaman dalam dan indeks.
Jika Anda ingin menggantinya dengan gambar berupa panah dan icon home, berikut ini cara mengubahnya.
- Jika Anda ingin menyembunyikannya, silakan ke tutorial mengilangkian older-home-newer post di blogger.
- Jika Anda ingin mengubahnya menjadi Judul Posting, silakan buka Mengganti Link Newer Post, Home, Older Post dengan Judul Posting.
- Jika Anda ingin mengubahnya --untuk halaman depan dan indeks-- dengan angka/nomor, silakan ke Cara Membuat Navigasi Halaman dengan Nomor di Blogger.
Jika Anda ingin mengganti saja tautan atau Link Older-Home-Newer Post tersebut dengan Gambar Panah atau gambar lainnya, dengan menggunakan Font Awesome, silakan ikuti langkah berikut ini. (Lihat Demonya di New Super SEO Template).
Cara Mengganti Link Older-Home-Newer Post dengan Gambar Panah
1. Tema > Edit HTML
2. Cari (Ctrl+F) ketiga kode berikut ini, sebagaimana dalam gambar:
Perhatikan tiga kode yang di-highlights kotak:
<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/></a>
Ubah kode-kode tersebut:
- Ubah <data:newerPageTitle/> dengan <i class='fa fa-arrow-circle-o-left fa-2x'/></a>
- Ubah <data:olderPageTitle/> dengan <i class='fa fa-arrow-circle-o-right fa-2x'/>
- Ubah <data:homeMsg/></a> dengan <i class='fa fa-home fa-2x'/>
Pasang Link ke Awesome Font
Pastika ada link ke kode Awesome Font di template blog Anda.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Jika belum ada, silakan simpan kode tersebut di atas kode </head>
Demikian Cara Mengganti Link Older-Home-Newer Post dengan Gambar Panah. Good Luck and Happy Blogging! (www.contohblog.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
No comments on Cara Mengganti Link Older-Home-Newer Post dengan Gambar Panah
Post a Comment