Sitenize Sosyal Medya Butonları Ekleyin

13 Mart 2018 - 1618 Okunma
Sitenize Sosyal Medya Butonları Ekleyin
Sitenize çektiğiniz kişilerin yazdıklarınızı paylaşması için sosyal medya butonlarının olması gerekir. İşte buna bir çözüm buluyoruz.

Social Media Buttons for Bootstrap, bu işin oldukça şık ve basit bir çözüm sunmuş. https://lipis.github.io/bootstrap-social/ verdiğim linki kullanarak sizde birbirinden şık sosyal medya tuşlarını sitenize ekleyebilir ve takipçi ve beğeni sayılarınızı arttırabilirsiniz.

Sosyal Medya Butonlarının Kullanımı

Kullanımı oldukça basit. İlk önce projenize Bootstrap ve Font Awesome u ekleyin.

CSS veya LESS tabanlı Dosyayı Ekleyin

Projenizde sosyal düğmeleri etkinleştirmek için iki seçeneğiniz var; Vanilla CSS veya LESS versiyonunuzu eklemek. Vanilya CSS için, bootstrap-social.css dosyasını projeye ekleyin.

Less için bootstrap-social.less dosyasını Bootstrap dizinine ekleyin ve @import “bootstrap-social.less”; kullanarak kodu derleyin.

Düğmeler ekleyin

CSS veya LESS dosyalarını projenize ekledikten sonra işiniz oldukça kolay. Aşağıdaki html kodlarını veya benzerlerini yazarak Sosyal medya düğmelerini kulllanabilirsiniz.

  <a class="btn btn-block btn-social btn-twitter "> 
    <span class = "fa fa-twitter"> </ span> Twitter ile giriş 
  yapın </a>

Ya da sadece simge düğmesini istiyorsanız, şu şekilde kullanabilirsiniz:

 <a class="btn btn-social-icon btn-twitter "> 
    <span class = "fa fa-twitter"> </ span> 
  </a>
ITC | İlkteknoloji