Cara Merubah Warna Anchor Text Blog Berbeda atau warna teks yang didalamnya tersimpan script untuk memasang Link sehingga disebut Anchor Text. Kebanyakan teman-teman yang masih baru seperti Saya juga kadang sering menyebutnya Warna Link/ Warna Text Link, maksudnya sendiri adalah Anchor Text hanya beda makna bukan maksud tidak apalah namanya juga baru belajar nanti juga mengerti. Terkesan tips ini adalah basic tapi kenyatannya tidaklah begitu karena manfaatnya sangat mempengaruhi suatu keyword yang terpasang bisa nongkrongin SERP Google pada nomor urut tertinggi jadi jangan dianggap remeh. Selain itu pengaruh lain untuk pengunjung sangat dirasakan ketika ada Anchor Text terpublik dihalaman posting bisa tidak diketahui keberadaannya karena warna sama dengan text artikel posting, maksud hati agar User Friendly justru berbuah sia-sia, oleh karena itu dengan penempatan warna link berbeda akan mempemudah pengunjung agar dapat memanfaatkan fungsi teks tersebut sesuai kebutuhan, biasanya akan banyak tersimpan pada artikel yang terkait antara postingan satu dengan postingan lainnya.
Disetiap halaman blog, mulai dari header, posting, sidebar, footer dll selalu memiliki fungsi Anchor text sesuai kebutuhan adalah sama yang membedakan adalah warna dari masing-masing fungsi tersebut biasanya dibuat berbeda tujuannya jelas seperti yang sudah Saya paparkan diatas. Untuk mempermudah Anda akan Saya coba berikan contoh, fungsi, serta masukan terkait Trik Dan Tips seputar SEO postingan kali ini berikut adalah ulasannya yang harus Anda perhatikan.
Seperti biasa masuk pada halaman template blog Anda, lalu tekan Ctrl+f untuk mencari kode berikut.
a:link { color:#333; text-decoration:none; }a:hover { color:#D7DF01; text-decoration:underline; }
a:visited { color:#3333FF; text-decoration:underline; }
Contoh:
a:link,a:visited,#main .post-body a:link,#main .post-body a:visited{color:#3333FF;text-decoration:none}
a:hover,#main .post-body a:hover{color:#D7DF01;text-decoration:underline}
Artinya: Anchor text postingan akan berwarna biru ketika tampil baik fungsi yang statis (a:link) dan dinamis (a:visited), serta fungsi dinamis lainnya (a:hover) akan menimbulkan efek berwarna orange ketika anchor text tersentuh oleh mouse.
Keterangan:
a:link = fungsi CSS untuk text link (efek warna akan terlihat diawal/ statis)
a:hover = fungsi CSS untuk efek text link (efek warna akan terlihat kekita Anchor text tersentuh mouse/ dinamis)
a:visited = fungsi CSS untuk efek menandai text link/ anchor text (efek warna akan terlihat apabila link telah diklik pada komputer yang sama/ dinamis)
color = fungsi CSS untuk warna text link
text-decoration:none = fungsi CSS untuk menghilangkan efek garis bawah text link
text-decoration:underline = fungsi CSS untuk memberikan efek garis bawah.text link
Untuk Anda yang belum hafal kode warna bisa lihat di Kode Warna HTML sesuaikan kode warna yang ingin Anda gunakan untuk fungsi diatas.
Pengganti warna latar belakang atau background blogspot mungkin adalah salah satu widget yang mungkin bisa anda gunakan sebagai daya tarik dari blog anda. Dengan widget ini, pengunjung atau visitor blog anda bisa mengganti warna dari latar belakang blog anda dengan melakukan klik pada warna yang diinginkan. Dengan tampilan warna blogspot yang menarik, tentunya akan membuat pengunjung blog anda semakin betah berlama-lama untuk menikmati sajian artikel anda.
Cara Membuat Widget untuk mengganti Warna Latar Belakang Blog ini pun cukup mudah, silahkan mengikuti langkah-langkah dibawah ini :
1. Silakan Login ke account Blogger anda.
2. Masuk ke Tata Halaman blog anda.
3. Tambahkan widget HTML / Javascript.
4. Masukkan kode javascript dibawah ini.
<center><script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script><span style="font-weight:bold;">Pilih Warna Latar Blog Sesuai Minat Anda</span> <table border="1" width="660" height="20"> <tbody><tr> <td bgcolor="white" onclick="bgChange('#ffffff')"> </td><td bgcolor="#000000" onclick="bgChange('#000000')"> </td><td bgcolor="#F0E68C" onclick="bgChange('#f0e68c')"></td><td bgcolor="#E0FFFF" onclick="bgChange('#e0ffff')"> </td><td bgcolor="#98FB98" onclick="bgChange('#98fb98')"> </td><td bgcolor="#B0E0E6" onclick="bgChange('#b0e0e6')"> </td><td bgcolor="#87CEFA" onclick="bgChange('#87cefa')"> </td><td bgcolor="#FFDAB9" onclick="bgChange('#ffdab9')"> </td><td bgcolor="#FFC0CB" onclick="bgChange('#ffc0cb')"></td><td bgcolor="#E6E6FA" onclick="bgChange('#e6e6fa')"> </td><td bgcolor="#D3D3D3" onclick="bgChange('#d3d3d3')"></td></tr> </tbody></table><div class="clear"></div></center>
5. Simpan gadget, dan lihat hasilnya...
Cara untuk mengganti warna latar belakang blog anda diatas sangat mudah bukan ? Anda bisa menempatkan widget pengganti latar belakang blogspot ini di tempat yang strategis, sehingga bisa terlihat & dijangkau oleh visitor blog anda. Jika anda mengerti tentang coding Javascript, mungkin anda bisa mempercantik widget warna latar belakang ini agar tampilannya semakin menarik. Selamat Berkreasi !
