HTML DE BUTTON NASIL YAPILIR? BUTON YAPIP BLOGGER YAZISININ İÇİNE EKLEME

HTML DE BUTON NASIL YAPILIR? BUTON YAPIP  BLOGGER YAZISININ İÇİNE EKLEME


Bugün sizlere html'de nasıl buton yapılacağını ve bu buton kodunu  nasıl yazdığımız sayfanın veya yazının içine ekleyeceğinizi göstereceğim.


  <button type="button">ÖRNEK BUTON 1</button>

Yukarıdaki kod ile ÖRNEK BUTON 1'i yaptım yukarıdan beyaz ile yazdığım kısım butona ismini verir.

Bu butona tıkladığınızda sizi  bir yere götürmez çünkü butona bir link atamatık şimdi nasıl link atayacağımızı göstereceğim

<a href="https://www.darkblog.net/" >
<button type="button">ÖRNEK BUTON 1</button></a>

Yukarda gördüğünüz ÖRNEK BUTON 1 adlı butona   href="buraya linkinizi  koyacaksınız" kodu ile darkblog.net sitemin ana sayfasının linkini ekledim

  target="_blank"

Yukarıdaki kod butona tıkladığınızda eklediğiniz linkin başka bir sekmede açılmasını sağlayacaktır bu da ziyaretçinin sitenizde daha uzun süre kalmasını sağlayacaktır

<a href="https://www.darkblog.net/" target="_blank"><button type="button">
ÖRNEK BUTON 1
</button></a>

Yukarıdaki butona eklediğim  target="_blank" kodu ile eklediğiniz link başka bir sekmede açılacaktır

Mesela yazınız blogger temaları ile ilgili bir yazı ve bu yazınızda okuyucularınızın blogger temalarını indirmeleri için bir buton veya temayı canlı görüntülemeleri içinde bir tane daha buton koymak istiyorsunuz bunu aşağıdaki kodlar ile sağlayabilirsiniz

Aşağıdaki kodu girdiğinizde yukarıdaki gibi görüntü oluşacaktır
<div style="text-align: center;">
<a href="görüntülenecek temanın linkini buraya koy" rel="nofollow"
 target="_blank">
<button
type="button">CANLI DEMO</button></a>&nbsp;<a
href="temayı indirme butonunun linkini
buraya koy"
rel="nofollow" target="_blank"><button type="button">TEMAYI İNDİR</button></a>
</div>


rel="nofollow"

Yukarıdaki rel="nofollow" kodu HTML etiketi içeren linklerdir ve arama motorlarına bu etikete sahip linkleri görmezden gelmelerini belirtir.

YAZILAN YAZIYA BUTON KODLARI NASIL EKLENİR ?

Yazdığınız yazıya buton eklemek için öncelikle aşağıdaki görmüş olduğunuz sarı renkle işaretlediğim kaleme tıklayınız.


Daha sonra açılan panelden html görünümüne tıklayınız.



Html görünümüne tıkladıktan sonra buton kodunu kopyalayıp aşağıdaki gibi yazınızdan sonraki yere yapıştırınız



Bugün  buton nasıl yapılır ve buton yapıp blogger yazısının içine nasıl eklenebileceğini gösterdim.
Bir sonraki yazımda butonunuza renk,yükseklik,genişlik,gölgelendirme gibi özellikleri nasıl ekleyabileceğinizi göstereceğim


Yorum Gönderme

0 Yorumlar