Monday, October 8, 2018

Trik Mengubah Anchor Text Pada Link Blogger Dengan Css


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

Anchort text (juga disebut judul link, label link) yakni sebuah teks terlihat yang dipakai untuk hyperlink. Anchor text biasanya memperlihatkan isu kontekstual ihwal isi dari tujuan link. Kata yang terkandung dalam anchor text menentukan peringkat halaman oleh mesin pencari.

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 yakni menyerupai ini:
<a href="https://ramecuy.blogspot.com/" title="Trik Mengubah Anchor Text Pada Link Blogger Dengan CSS">ANCHOR_TEXT</a>

Berbeda dengan Fake Anchor Text, instruksi yang harus teman gunakan yakni menyerupai ini:
<a class="fat" href="https://ramecuy.blogspot.com/" 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…
(https://ramecuy.blogspot.com/)

Next

Related


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)