Siteye Facebook ve Twitter Paylaş Butonu Ekleme

ALLAH (cc)'IN EN GÜZEL İSİMLERİ (ESMA-ÜL HÜSNA)

	er - REŞİD Bütün alemleri dosdoğru bir nizam ve hikmetle akıbetine ulaştıran.

ANASAYFA | Ben Kimim?

Yazıklar olsun, size de; Allahı bırakıp tapmakta olduklarınıza da! Hâlâ aklınızı başınıza almayacak mısınız? - Enbiya-67

+ Yazıyı Büyüt - Yazıyı Küçült

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 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

( 52480 ) kez okundu - 12.02.2013

facebook paylaş butonu, twitter paylaş butonu, paylaş butonu, paylaş butonu ekleme, siteye facebook paylaş butonu ekleme, tweetle butonu, paylaş, share, share button, paylaş butonu yapımı

Ziyaretçi Yorumları
( 8 ) Yorum	Tümünü Göster
kadem inanlı - istanbul - 27.05.2017 16.40 hocam merhabalar.. tüm okullara madalya üretmek vermek için kurmuş olduğum web sitem.. siteme paylaş butonu nasıl eklerim birtürlü başaramadım saygılar.. Antalya Evden Eve - Antalya - 09.04.2016 11.17 Hocam ASP.NET siteme facebook sayfamızın butonunu eklemek istiyorum. nasıl yaparım? şimdiden teşekkürler. site adresim: antalyalinakliyatcomtr emrah elyiğit - kahramanamaraş - 21.06.2015 00.20 hocam siteinizin mobil versiyonunu bekliyoruz. bu siteyide tema olarak modernize ederseniz daha iyi olur. Bahtiyar - Omsk - 07.02.2015 08.46 Hocam facebook ta paylaş diyince sitenin başka yerini seçyor istediğim resmi ve de yazıyı nasıl seçtirebilirim. ----- Mustafa KARSLI ----> Bahtiyar Bey konu ile ilgili aşağıdaki dersi okuyabilirsiniz. http://www.mustafakarsli.com/makale/111/HTML/Facebook-ve-Twitterda-Paylas-Meta-Etiketleri-Resim-Sorunu.html ethem - konya - 27.11.2013 22.52 cevabınıza tşk ediyorum. fakat benim url ler panelden eklediğim habere göre www.siteadi.com/haberdetay=1 ,2 ,3 diye sürekli id ye göre url değişiyor sabit bi url yok onun için sıkıntı yaşadım böyle bi durum için nasıl yazmam gerek tekrar teşekkür ederim. ----- Mustafa KARSLI ----> Ethem Bey site asp ile kodlanmış demiştiniz url kısmına Response.Write(HttpContext.Current.Request.RawUrl); bu kod sayfanın urlsini alıp yazdırıyor bunu eklediğinizde sorun çözülmesi gerekir. ethem - konya - 27.11.2013 18.55 merhabalar sitemde haber e tıklayınca detay sayfasına gidiyor .. ben bu detay sayfalarının id'sine göre nasıl paylaşım sağlayabilirim ..url ye ne yazmam gerek . sitem asp.net ile yazıldı. ----- Mustafa KARSLI ----> Ethem bey paylaşılacak site adresi yazan yere haber detay sayfalarınızın urlsini yazmanız gerekiyor. örneğin. http://www.siteadı.com/haber1.html gibi zekican09 - bursa - 09.11.2013 18.45 hocam Benim konuların orda paylaş butonu ama çalışmıyo kodlar böyle. href e ne yazmalıyım? paylaşı tıklayınca tıkladığı yerdeki konu paylaşılsın istiyorum. yardımcı olursanız sevinirim. site : zekican09.blogspot.com ----- Mustafa KARSLI ----> href yazan yerlere ilgili sosyal paylaşım sitelerinin paylaşma linkini vermelisiniz. Yukarıdaki yazıda örnekler verilmiştir. Zeki Bey siteniz wordpress ile yapılmış araştırırsanız wordpresste sosyal site eklentileri vardır. Kendiniz kod yazmanıza gerek yok. Eklenti ekleyin daha kolay olacaktır. uzumbaba - Gurbetçi - 30.07.2013 19.42 Anlatım faydalı, ancak siteden sağ tıkla engelini kaldırmanız gerekir. Hiç bir işe yaramıyor artık, sadece rahatsız edici. Teşekkürler. ----- Mustafa KARSLI ----> Kodu seçtikten sonra "Ctrl+C" ile kopyalayabilirsiniz.

Yorum Ekle
Güvenliğiniz için iP adresiniz kaydedilmektedir. Herhangi bir Hukuki Dava ile karşılaşmamak için hakaret içeren sözler ve argo kelimeler kullanmayınız.
İsim	:
Yorum	: En fazla 400 karakter
Şehir	:
E-Posta	: E-Posta adresi Yayınlanmaz (Güvenliğiniz için ip adresiniz (18.227.105.83) kaydedilecektir)
Yeni Dersleri Takip etmek istiyorum. Adresime E-Posta Gelmesini Onaylıyorum.

BENZER YAZILAR
Web Sayfasına Goog le Harita Ekleme. HTML Meta Etiketler i - Seo Ayarları. HTML'ye Giriş . Web Sayfasına Resi m Ekleme. htaccess ile Dosyal ara Erişim Engelle.