Tuesday, July 11, 2017

Cara Mengganti Link Older-Home-Newer Post dengan Gambar Panah

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.

Link Older-Home-Newer Post


Jika Anda ingin menggantinya dengan gambar berupa panah dan icon home, berikut ini cara mengubahnya. 

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:

Link Older-Home-Newer Post

Perhatikan tiga kode yang di-highlights kotak:

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

Ubah kode-kode tersebut:
  1. Ubah <data:newerPageTitle/> dengan <i class='fa fa-arrow-circle-o-left fa-2x'/></a> 
  2. Ubah <data:olderPageTitle/> dengan <i class='fa fa-arrow-circle-o-right fa-2x'/>
  3. 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).*

Disqus Comments