Siteye Facebook ve Twitter Paylaş Butonu Ekleme
Herkese merhaba bu yazımda kendi sitenize facebook ve twitter paylaş butonunu nasıl ekleyeceğinizi anlatacağım.
Elbette facebook ve twitter'ın kendi kod ekleme bölümleri var ama ben buradan kendi yaptığınız resimle paylaşma butonları yapmayı anlatacağım.
Öncelikle facebook ve twitter için resim oluşturalım yada aşağıdaki resimleri kullanabilirsiniz:
Resimleri indirmek için üzerlerine tıklayınız.
Resim şart mı?
Tabii ki şart değil ama görsellik olsun diye resim kullandım. Gelelim kodlamaya.
Resimli Paylaş Butonu Yapımı:
Sitemizde butonları eklemek istediğimiz yerlere aşağıdaki kodları ekliyoruz.
Facebook için;
<a target='_blank' href='http://www.facebook.com/share.php?u=http://paylaşılacaksiteadresi.html'><img alt="Facebookta Paylaş" border="0" height="20" src="http://facebookresmininadresi.gif" order="0" /></a>
Twitter için;
<a href="https://twitter.com/share" target="_blank" data-url="http://paylaşılacaksiteadresi.html" data-lang="tr" ><img alt="Tweetle" border="0" height="20" src="http://twitterresmininadresi.jpg" order="0" /></a>
Yukarıdaki kırmızı ile yazılı adresler değiştirilecektir. Paylaşılacak sitenin adresi yazan yere paylaştırmak istediğiniz adresin tam url'sini yazınız. Mesela; http://www.mustafakarsli.com gibi. Facebook ve Twitter resminin adresi ise yukardaki indirdiğiniz yada kendi yaptığınız resimlerin tam url'sini yazınız. Mesela; http://www.mustafakarsli.com/resim/facepaylas.gif gibi.
Resimsiz Sadece Metinli Paylaş Butonu Yapımı:
Sitemizde butonları eklemek istediğimiz yerlere aşağıdaki kodları ekliyoruz.
Facebook için;
<a target='_blank' href='http://www.facebook.com/share.php?u=http://paylaşılacaksiteadresi.html'>Facebookta Paylaş</a>
Twitter için;
<a href="https://twitter.com/share" target="_blank" data-url="http://paylaşılacaksiteadresi.html" data-lang="tr" >Twittirda Paylaş</a>
Yukarıdaki kırmızı ile yazılı adresler değiştirilecektir. Paylaşılacak sitenin adresi yazan yere paylaştırmak istediğiniz adresin tam url'sini yazınız. Mesela; http://www.mustafakarsli.com gibi.
Yukarıdaki anlatımı tam yaptığınız takdirde bu sayfanın altındaki gibi işlediğini görebilirsiniz.
Başka derslerde görüşmek ümidiyle. Sağlıcakla kalınız.
Mustafa KARSLI
