Harici bağlantılar, bir web sitesinin kullanıcıları diğer kaynaklara yönlendirmek veya farklı web sitelerine bağlantılar sağlamak için kullanılan önemli unsurlardır. Bu bağlantıları daha çekici hale getirmenin bir yolu, onlara simgeler eklemektir. Bu kılavuzda, harici bağlantılara nasıl simge ekleyeceğinizi adım adım açıklayacağız.
CSS Kodunu Ekleyin
Harici bağlantıyı belirledikten sonra, aşağıdaki gibi bir HTML kodunu kullanarak simgeyi ekleyebilirsiniz.
a[rel="nofollow"]::after {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23989b9f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="7 7 17 7 17 17"/></svg>') no-repeat center;
margin-left: 5px;
}
Artık harici bağlantılarınız simgelerle daha çekici hale gelmiş olacak. Bu, kullanıcı deneyimini iyileştirmenize ve web sitenizin daha çekici görünmesine yardımcı olabilir. Umarım bu kılavuz size yardımcı olur. Başka sorularınız varsa sormaktan çekinmeyin.