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> <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
0 Yorumlar