July 11, 2017

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.

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).*

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

No comments on Cara Mengganti Link Older-Home-Newer Post dengan Gambar Panah

Post a Comment

Contact Form

Name

Email *

Message *