WordPress için yazı içinde kayan sosyal paylaşım butonları [Eklentisiz]

21.08.2012 11:04

Atakan Emekli. Kullanıcı

Üyelik 20.05.2011
Yaş/Cinsiyet 30 / E
Meslek -
Konum Aydın

Ad Soyad A** U**
Mesajlar 6139
Beğeniler 2442 / 2410
Ticaret 12, (%100)

Yazıların sol tarafında, yazı ile birlikte kayan sosyal paylaşım butonlarını birçok yabancı blogda görmüşsünüzdür diye düşünüyorum. Gerçi ülkemizdeki birçok blogda da son dönemlerde bu özellik moda oldu diyebiliriz. Bu özelliğin en önemli yararı ise; blogunuzun sosyal paylaşım siteleri ile arasının iyi olduğunun göstergesi olması. Böylelikle yazınızı okuyanlar da, hızlı bir şekilde (acaba sosyal paylaşım butonları nerede?) diye düşünmeden, yazınızı sosyal paylaşım sitelerinde paylaşabilecekler. Dolayısı ile bu özellik için birçok eklenti var, lâkin ben ise eklentisiz olan versiyonunu anlatacağım. Böylelikle eklenti sayınızda da artış meydana gelmeyecek. Hemen anlatıma geçelim.

İlk olarak temanızın CSS dosyasına, aşağıdaki CSS kodlarını ekleyiniz:

.buttonsWrap{display:block;float:left;margin:10px 0 0 -110px;position:fixed;background-color: #f9f9f9;width:70px;padding-top:15px;padding-left:10px;padding-right:10px;padding-bottom:5px;border:1px solid #ccc}

.tweetBtn,.facebookBtn,.stumbleUponBtn .googleplusBtn{display:block;margin-left:1px;float:center}

.facebookBtn{margin:5px 0 5px 7px}

.googleplusBtn{margin:-5px 0 0 9px}

Daha sonra ise temanıza ait “single” adlı dosyanızda yer alan aşağıdaki kodu bulun:

Aşağıdaki kodları da, yukarıda bulduğunuz koddan hemen sonra ekleyin:





<script></script>





<script>window.___gcfg={lang:"tr"};(function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://apis.google.com/js/plusone.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();</script>

Not: Kayan sosyal paylaşım butonlarına ait alanı, yazınızın yanına yakınlaştırmak için CSS kodlarında yer alan buttonsWrap’taki margin’de yer alan adlı kısımdaki -110px’lik kısımı kendi temanıza göre düzenleyebilirsiniz.

Örnek görüntü:

Kaynak: Teknobeyin

1 kişi bu mesajı beğendi.

04.11.2012 13:54

#2

wordpressman Webmaster Kullanıcı

Üyelik 18.03.2012
Yaş/Cinsiyet 34 / E
Meslek Webmaster
Konum

Ad Soyad S** A**
Mesajlar 541
Beğeniler 43 / 101
Ticaret 4, (%100)

teşekkürler yalnız sanırım kodlar eski ben uyarladım şuan kilere

Single.php'ye ekleyeceğiniz kodlar





<script></script>








<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>








<script>

  window.___gcfg = {lang: 'tr'};



  (function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

  })();

</script>

04.11.2012 13:56

#3

fatihcan www.ktubotekulubu.com Kullanıcı

Üyelik 28.08.2012
Yaş/Cinsiyet 32 / E
Meslek Öğrenci
Konum Trabzon

Ad Soyad ** **
Mesajlar 478
Beğeniler 212 / 75
Ticaret 2, (%100)

wordpressman adlı üyeden alıntı

teşekkürler yalnız sanırım kodlar eski ben uyarladım şuan kilere

Single.php'ye ekleyeceğiniz kodlar





<script></script>








<script>(function(d, s, id) {

  var js, fjs = d.getElementsByTagName(s)[0];

  if (d.getElementById(id)) return;

  js = d.createElement(s); js.id = id;

  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>








<script>

  window.___gcfg = {lang: 'tr'};



  (function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

    po.src = 'https://apis.google.com/js/plusone.js';

    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

  })();

</script>

sadece Single.php ye mi ekleme yapıyoruz başka bir ayar yapmaya gerek var mı

04.11.2012 13:58

#4

wordpressman Webmaster Kullanıcı

Üyelik 18.03.2012
Yaş/Cinsiyet 34 / E
Meslek Webmaster
Konum

Ad Soyad S** A**
Mesajlar 541
Beğeniler 43 / 101
Ticaret 4, (%100)

nerde görünmesini istiyorsanız oraya ekliyorsunuz. Ana sayfada görünmesini isterseniz index.php ye 'DE ekleyebilirsiniz.

13.11.2012 14:52

#5

kerimptk Youtuber Kullanıcı

Üyelik 19.06.2012
Yaş/Cinsiyet 35 / E
Meslek Yazılım Geliştirici / Youtuber
Konum Ankara

Ad Soyad K** P**
Mesajlar 1440
Beğeniler 194 / 234
Ticaret 46, (%100)

Atakan adlı üyeden alıntı

*

Atakan hocam http://www.kerimpotuk.com.tr/affilate-marketing-nedir/ bu şekilde oldu burdaki yönergelere göre yaptım. Hata ne olabilir acaba?

Abone Ol : www.youtube.com/@kerimpotuk

13.11.2012 15:37

#6

Atakan Emekli. Kullanıcı

Üyelik 20.05.2011
Yaş/Cinsiyet 30 / E
Meslek -
Konum Aydın

Ad Soyad A** U**
Mesajlar 6139
Beğeniler 2442 / 2410
Ticaret 12, (%100)

kerimptk adlı üyeden alıntı

Atakan hocam http://www.kerimpotuk.com.tr/2012/11/13/android-cihazlar-icin-andftp/ bu şekilde oldu burdaki yönergelere göre yaptım. Hata ne olabilir acaba?

Hiç bilmiyorum gerçekten + göremedim, çıkmamış sanırım? Ben sorunsuz eklemiştim.

13.11.2012 16:03

#7

kerimptk Youtuber Kullanıcı

Üyelik 19.06.2012
Yaş/Cinsiyet 35 / E
Meslek Yazılım Geliştirici / Youtuber
Konum Ankara

Ad Soyad K** P**
Mesajlar 1440
Beğeniler 194 / 234
Ticaret 46, (%100)

Atakan adlı üyeden alıntı

Hiç bilmiyorum gerçekten + göremedim, çıkmamış sanırım? Ben sorunsuz eklemiştim.

Kodu kaldırmıştım hocam şimdi düzenledim tekrardan. Sayfanın üstünde çıkıyor ama sizin sitedeki gibi yana ekleyemedim.

Abone Ol : www.youtube.com/@kerimpotuk

13.11.2012 16:35

#8

Atakan Emekli. Kullanıcı

Üyelik 20.05.2011
Yaş/Cinsiyet 30 / E
Meslek -
Konum Aydın

Ad Soyad A** U**
Mesajlar 6139
Beğeniler 2442 / 2410
Ticaret 12, (%100)

kerimptk adlı üyeden alıntı

Kodu kaldırmıştım hocam şimdi düzenledim tekrardan. Sayfanın üstünde çıkıyor ama sizin sitedeki gibi yana ekleyemedim.

Eksik eklemiş olabilirsiniz diyeceğim ama bende sorun olmamıştı. :o

WordPress için yazı içinde kayan sosyal paylaşım butonları [Eklentisiz]

Üye Girişi Yap