Blogger'da Harici Bağlantılara Simge Eklemek

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. Yapım aşamaları

1: İstediğiniz Simgeyi Bulun

İlk adım olarak, harici bağlantılarınıza eklemek istediğiniz simgeyi bulmalısınız.

2: CSS Kodunu Ekleyin

Şimdi harici bağlantıya eklemek istediğiniz web sayfasının HTML kodunu düzenlemeye başlayabilirsiniz. Harici bağlantıyı belirledikten sonra, aşağıdaki gibi bir HTML kodunu kullanarak simgeyi ekleyebilirsiniz:

.post-body a[target='_blank']::after {
  content: "";
  display: inline-block;
  width: 15px; /* İkon genişliği, ihtiyaca göre ayarlayın */
  height: 15px; /* İkon yüksekliği, ihtiyaca göre ayarlayın */
  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; /* İkon ile metin arasındaki boşluğu ayarlayın */
}

Yeşil olarak belirlenmiş alanı [rel='nofollow'] ayarlayarak da yapabilirsiniz.

 3: Sayfayı Kaydedin ve Yayınlayın

HTML kodunu ekledikten sonra, sayfanızı kaydedin ve yayınlayın. Artık harici bağlantılarınız simgelerle daha çekici hale gelmiş olacak.

Yorum Gönder