-->

Trik Mengubah Anchor Text Pada Link Blogger Dengan Css


Tapi sebelum menuju tutorial, ada baiknya sahabat mengetahui terlebih dahulu pengertian dari anchor text.

Anchort text (juga disebut judul link, label link) yaitu sebuah teks terlihat yang dipakai untuk hyperlink. Anchor text biasanya menunjukkan info kontekstual wacana isi dari tujuan link. Kata yang terkandung dalam anchor text menentukan peringkat halaman oleh mesin pencari.
 ada baiknya sahabat mengetahui terlebih dahulu  Trik Mengubah Anchor Text Pada Link Blogger Dengan CSS
Contoh Anchor Text

Cara Membuat Anchor Text Palsu

Seperti biasa, buka editor template blogger, lalu letakan CSS ini sebelum instruksi ]]></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 impian sobat.

16px: Sesuaikan dengan ukuran font pada template sobat.

Contoh Penerapan

Umumnya, penggunaan instruksi untuk link yaitu menyerupai ini:
<a href="" title="Trik Mengubah Anchor Text Pada Link Blogger Dengan CSS">ANCHOR_TEXT</a>

Berbeda dengan Fake Anchor Text, instruksi yang harus sahabat gunakan yaitu menyerupai ini:
<a class="fat" href="" title="Trik Mengubah Anchor Text Pada Link Blogger Dengan CSS"><span>ANCHOR_TEXT</span></a>

Dengan menambahkan class='fat' pada elemen <a> dan membukus anchor text dengan tag <span>, maka hasil teks yang dirender(ditampilkan) oleh HTML bukan ANCHOR_TEXT, tapi Contoh (sesuai dengan text pada CSS diatas).

Sangat gampang bukan? Selamat Mencoba…
()
LihatTutupKomentar

Iklan Atas Artikel