Sitenize Sosyal Medya Giriş Butonları Ekleyin

Sitenize Sosyal Medya Giriş Butonları Ekleyin

Facebook, Twitter ve Google aracılığı ile yaptığınız üye girişleri için resim dosyası yerine aşağıdaki kodları kullanabilirsiniz. Böylece güzel bir görünüme sahip mobil uyumlu sosyal giriş düğmeleri elde edebilirsiniz.

Facebook, Twitter ve Google aracılığıyla sosyal giriş işlevi günümüzde yaygındır. Genelde giriş butonu için harici görüntülerin kullanılması gereklidir. Ancak resim dosyası yerine Bootstrap framework & Font Awesome'ı benzer sonuçlara ulaşmak için kullanabilirsiniz. Sadece saf HTML ve CSS ile çok farklı dillerde buton oluşturabilirsiniz. Varsayılan düğme renk düzeni de Facebook, Twitter ve Google girişlerini destekleyecek kadar iyidir. Daha farklı renk stiline ihtiyacınız varsa, varsayılan css'yi genişletmeniz gerekecektir.

sosyal butonlar

<html>
<head>	<!-- Latest compiled and minified CSS -->	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">	<!-- Optional theme -->	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap-theme.min.css">	<!-- Latest compiled and minified JavaScript -->	<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>	<!-- font awesome css -->	<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body style="text-align:center; padding:1em">	<div class="btn-group">	<a class='btn btn-danger disabled'><i class="fa fa-google-plus" style="width:16px; height:20px"></i></a>	<a class='btn btn-danger' href='' style="width:12em;"> Sign in with Google</a>	</div>	<br /><br />	<div class="btn-group">	<a class='btn btn-primary disabled'><i class="fa fa-facebook" style="width:16px; height:20px"></i></a>	<a class='btn btn-primary ' href='' style="width:12em"> Sign in with Facebook</a>	</div>	<br /><br />	<div class="btn-group">	<a class='btn btn-info disabled'><i class="fa fa-twitter" style="width:16px; height:20px"></i></a>	<a class='btn btn-info ' href='' style="width:12em"> Sign in with Twitter</a>	</div>	<br /><br />
</body>
<html>

Sosyal giriş düğmeleri için diğer alternatfileri bu adreste bulabilirsiniz:  http://noizwaves.github.io/bootstrap-social-buttons/

Bu yazıyı beğendiniz mi? Bültenimize katılın ve bizi takip edin!

Bu yazıyı 5 yıldız üzerinden kaçla değerlendirirsiniz?
Daha önce bu yazı 0 kez değerlendirilmiş ve ortalama 0 yıldız verilmiş.
Bu yazı daha önce 150 kez okundu.

Facebook Yorumları

Yorumlar

Bu yazıya henuz bir yorum yapılmamış. İlk yorumu yapan siz olun!

Yorum Yaz

Bombacı Adam Oyunu OynayınBig Shot BoxingTenis OyunuKare Yapmaca
RGS-CardMaster

RGS-CardMaster

16 Nis 2018 / Ofis
Opera@USB

Opera@USB

16 Nis 2018 / İnternet
Vital Desktop

Vital Desktop

11 Nis 2018 / Masaüstü
Access To MySQL

Access To MySQL

11 Nis 2018 / Araçlar
Akram Audio Converter

Akram Audio Converter

11 Nis 2018 / Multimedya
Poliçe Takip

Poliçe Takip

05 Nis 2018 / Ofis
Opera@USB

Opera@USB

16 Nis 2018 / İnternet
RGS-CardMaster

RGS-CardMaster

16 Nis 2018 / Ofis
Access To MySQL

Access To MySQL

11 Nis 2018 / Araçlar
Vital Desktop

Vital Desktop

11 Nis 2018 / Masaüstü