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ı 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 571 kez okundu.

Bu yazıyı beğendiniz mi? Haber bültenimize katılarak buna benzer yeni yazılardan haberdar olun!

Açılacak sayfada "Ben robot değilim" işaretleyip "Complete Subscription Request" yazan butona tıklayınız!

Yorum Yaz

    Yorumlar

    Bu yazıya henuz bir yorum yapılmamış. İlk yorumu yapan siz olun!
" Sitenize Sosyal Medya Giriş Butonları Ekleyin konulu makalemizde Ogznet.com olarak sizlere Sitenize Sosyal Medya Giriş Butonları Ekleyin ile ilgili bilgiler aktarmak istedik. Hemen yukarıda Sitenize Sosyal Medya Giriş Butonları Ekleyin ile ilgili yorum ve görüşleri inceleyerek sizlerde yorum bırakabilirsiniz. "
Reklam Ver instagram takipçi satın al