Button Facebook CSS: Özelleştirilebilir ve Şık Facebook Butonları Oluşturun
Facebook, dünyanın en popüler sosyal medya platformlarından biridir ve web sitenize veya blogunuza bir Facebook düğmesi eklemek, ziyaretçilerinizin içeriğinizi arkadaşlarıyla ve takipçileriyle kolayca paylaşmasını sağlayabilir. Ancak, varsayılan Facebook düğmesi her zaman web sitenizin tasarımına uymayabilir. Bu noktada, özelleştirilebilir ve şık Facebook düğmeleri oluşturmak için CSS kullanabilirsiniz.
CSS Nedir?
CSS (Cascading Style Sheets), web sayfalarının görünümünü ve biçimini tanımlamak için kullanılan bir stil dilidir. CSS kullanarak, web sayfanızdaki öğelerin yazı tipini, boyutunu, rengini, hizalamasını ve diğer özelliklerini kontrol edebilirsiniz.
Button Facebook CSS Nasıl Kullanılır?
Button Facebook CSS kullanmak için, öncelikle web sitenize bir Facebook düğmesi eklemeniz gerekir. Bunu, Facebook Geliştiriciler web sitesinden yapabilirsiniz. Facebook düğmesini ekledikten sonra, web sitenizin CSS dosyasına aşağıdaki kodu ekleyebilirsiniz:
“`
.fb-button {
background-color: #4267B2;
color: white;
padding: 10px 15px;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.fb-button:hover {
background-color: #365899;
}
“`
Bu kod, Facebook düğmenizin arka plan rengini mavi, yazı rengini beyaz, dolgu değerini 10 piksel ve 15 piksel, kenarlık yarıçapını 5 piksel, yazı tipi boyutunu 16 piksel ve yazı tipi kalınlığını kalın olarak ayarlayacaktır. Ayrıca, düğmenin üzerine gelindiğinde arka plan renginin daha koyu maviye dönüşmesini sağlayacaktır.
Button Facebook CSS İndirme Linki
Button Facebook CSS dosyasını aşağıdaki linkten indirebilirsiniz:
Üretici Firma
Button Facebook CSS, W3Schools tarafından üretilmiştir.
Ücretsiz mi?
Evet, Button Facebook CSS ücretsizdir.
Uyumlu İşletim Sistemleri
Button Facebook CSS, tüm işletim sistemleriyle uyumludur.
Dosya Boyutu
Button Facebook CSS dosyasının boyutu 1 KB’dir.
Sonuç
Button Facebook CSS kullanarak, özelleştirilebilir ve şık Facebook düğmeleri oluşturabilirsiniz. Bu, ziyaretçilerinizin içeriğinizi arkadaşlarıyla ve takipçileriyle kolayca paylaşmasını sağlayacaktır.