Cara Merubah Warna Link Anchor Text Agar Tampak Berbeda pada Postingan

Cara Merubah Warna Link Anchor Text Agar Tampak Berbeda pada Postingan

Anchor Text adalah teks tulisan yang di dalamnya terdapat script link. Mudahnya, bahwa anchor text merupakan link yang disematkan ke dalam teks tulisan. Dalam bahasa SEO, anchor text menjadi senjata utama untuk menanamkan link di dalam postingan untuk memperkuat link building.

Keberadaan anchor text ini tidak bisa dianggap enteng. Sebab, melaluinya, beragam kata kunci dapat disematkan dengan kuat dalam bungkusan link. Bagi mesin google, hal ini sangat memudahkan untuk merayapinya. Sedangkan bagi pengunjung, kehadiran anchor text memudahkannya untuk tetap terus mengakses konten blog yang berkaitan. Jika demikian, nilai bounce rate blog tentu makin menurun. Inilah mengapa, anchor text sangat dibutuhkan.
Artikel pilihan Cara Membuat Semua Eksternal Link di Blog Terbuka pada New Tab Window.
Lalu ada pertanyaan muncul. Kenapa saat membuat link berupa anchor text ini warnanya sama dengan warna asli dalam postingan? Sehingga berdampak pada pengunjung yang kesulitan membedakan mana teks asli dan mana teks yang berisi link.

Untuk itu, mari kita sama-sama belajar mengatur agar anchor text warnanya berbeda. Berikut ulasannya.

Cara merubah warna link anchor text

1. Masuk dasboard blogger.
2. Menuju ke menu Template, lalu Edit HTML.
3. Cari kode seperti gambar berikut:
Cara Merubah Warna Link Anchor Text Agar Tampak Berbeda pada Postingan
4. Ganti kode yang ada di dalam kotak merah dengan kode berikut ini:
a:link { color:#0000FF; text-decoration:none; }
a:hover { color:#FE2E2E; text-decoration:underline; }
a:visited { color:#FFFF00; text-decoration:underline; }
Artikel terkait Berikut Cara Memasang Aneka Kode Warna HTML di Blog.
Keterangan:
a:link, adalah efek warna statis, artinya warna akan terlihat seperti di awal seblum tersentuh mouse.
a:hover, adalah efek warna dinamis yang akan terlihat ketika anchor text tersentuh mouse.
a:visited, adalah efek warna yang menandai bahwa link sudah pernah diklik pada komputer device yang sama.
color, adalah kode untuk menampilkan warna.
text-decoration:none, untuk menghilangkan efek garis bawah text link (none).
text-decoration:underline, untuk memberikan efek garis bawah.text link (underline).

Pada contoh di atas berarti warna statis anchor text adalah biru tanpa garis bawah. Lalu setelah tersentuh mouse, link akan menjadi berwarna merah. Lalu setelah diklik, link akan berubah menjadi kuning. Jika sudah sesuai dengan yang diinginkan, akhiri dengan Save Template.

Bagaimana, mudah bukan? Jika ada yang masih kesulitan, silakan diskusikan dalam kolom komentar.
Artikel menarik Upload Gambar Blog Makin Mudah Melalui Picasa Web.
Demikian cara merubah warna anchor text agar tampak berbeda pada postingan. Semoga bermanfaat dan selamat mencoba.

2 comments