Mengubah Anchor Text

Trik Mengubah Anchor Text Dengan CSS
Daftar Isi Artikel []
Mengubah Anchor Text dengan CSS - Artikel yang saya buat kali ini akan memberikan trik bagaimana caranya mengubah anchor text sebuah link dengan menggunakan CSS.
Pengertian dan Contoh Anchor Text
Contoh Anchor Text

Cara Membuat Anchor Text Palsu

Seperti biasa, buka editor template blogger, kemudian letakan CSS ini sebelum kode ]]></b:skin> pada template
a.fat span {
  font-size:0
}
a.fat span::after {
  content:'Contoh';
  font-size:16px
}
Simpan Template

Keterangan

Contoh: Teks ini merupakan teks yang nantinya akan terlihat pada Anchor Text. Silahkan ganti dengan keinginan sobat.

16px: Sesuaikan dengan ukuran font pada template sobat.

Contoh Penerapan

Umumnya, penggunaan kode untuk link adalah seperti ini:
<a href="https://masihterjaga.blogspot.com/" title="Masih Terjaga">ANCHOR_TEXT</a>

Berbeda dengan Fake Anchor Text, kodenya adalah seperti ini:
<a class="fat" href="https://masihterjaga.blogspot.com/" title="Masih Terjaga"><span>ANCHOR_TEXT</span></a>

Cukup menambahkan class='fat' dan membukus anchor text dengan tag <span>, maka teks yang dibaca pengguna bukan ANCHOR_TEXT, tapi Contoh (sesuai dengan text pada CSS).