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

Çok sağlam, pek kuvvetli, güçlü

     ANASAYFA    |   BEN KİMİM?   |   GALERİ   |   ZİYARETÇİ DEFTERİ   |   İLETİŞİM      İnsanlara merhamet etmeyene Allah da merhamet etmez. - Hz.Muhammed (sav)

Siteye Facebook ve Twitter Paylaş Butonu Ekleme

Siteye Facebook ve Twitter Paylaş Butonu Ekleme
 + 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:

Twitter Paylaş Resmi    Facebook Paylaş Resmi    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

( 39363 ) kez okundu     -     12.02.2013    Tweetle     
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 (54.90.92.204) kaydedilecektir)
  Yeni Dersleri Takip etmek İstiyorum. Adresime E-Posta Gelmesini Onaylıyorum.
BENZER YAZILAR
Android
Bilgisayar Ağları
Bilişim Teknolojileri
C Sharp
Çalışmalar
Donanım
Fireworks
Flash - Action Script 3
HTML
JavaScript
Kişisel Gelişim
Okul Öncesi Etkinlik
PHP
Silverlight
Şanlı Tarihimiz
  Zamanlanmış Duyuru/Ödev Bulunmamaktadır...  
Kişisel resim ve yazıları kullanmak yasaktır. Bunun dışındaki dersleri İsim ve Kaynak göstermek şartıyla kullanmak serbesttir.
 Aktif ziyaretçi : 8
 Bugün : 1008
 Toplam : 1324154
Mustafa KARSLI - Bilişim Teknolojileri Öğretmeni © 2008 - 2017  
Site Haritası

 

8