KODE IKLAN DFP 1 Trik Mengubah Anchor Text Pada Link Blogger Dengan Css | Masgunggoyo

Recents Posts

    Iklan Atas Artikel

    Trik Mengubah Anchor Text Pada Link Blogger Dengan Css

    KODE IKLAN 200x200
    KODE IKLAN 336x280

    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…
    ()
    KODE IKLAN 300x 250
    close
    ==[ Klik disini 1X ] [ Close ]==
    KODE IKLAN DFP 2
    KODE IKLAN DFP 2