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

Ahirette, sadece müminlere acıyan, merhamet eden.

     ANASAYFA    |   BEN KİMİM?   |   GALERİ   |   ZİYARETÇİ DEFTERİ   |   Ä°LETİŞİM      Ä°nsanların hesaba çekilmeleri yaklaÅŸtı. Halbuki onlar gaflet içinde yüz çevirmekteler. - Enbiya-1

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

( 48032 ) 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 (3.239.236.140) kaydedilecektir)
  Yeni Dersleri Takip etmek istiyorum. Adresime E-Posta Gelmesini Onaylıyorum.
BENZER YAZILAR
Android
Arduino
Bilgisayar Ağları
BiliÅŸim Teknolojileri
C Sharp
Çalışmalar
Donanım
Fireworks
Flash - Action Script 3
Gezdik ve Gördük
HTML
JavaScript
KiÅŸisel GeliÅŸim
Okul Öncesi Etkinlik
PHP
Silverlight
Şanlı Tarihimiz
Yazılarım
  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 : 1
 Bugün : 305
 Toplam : 2273549
Mustafa KARSLI - BiliÅŸim Teknolojileri Öğretmeni © 2008 - 2021  
Site Haritası

 

1