lostyazilim
tr.link

Sosyal Paylaşım Butonları Eklemek İstiyorum

4 Mesajlar 610 Okunma
lstbozum
tr.link

notumundunyasi notumundunyasi WM Aracı Kullanıcı
  • Üyelik 16.01.2017
  • Yaş/Cinsiyet 32 / E
  • Meslek Elektrik Elektronik Mühendisi
  • Konum Ankara
  • Ad Soyad A** T**
  • Mesajlar 351
  • Beğeniler 97 / 69
  • Ticaret 0, (%0)
Merhaba arkadaşlar sitemde sosyal medya butonları var ancak küçük boyda ve eklentisiz kodlar ile paylaşım butonları eklemek istiyorum ama kod yok elimde.
Eğer sizde var ise veya kod bilginiz var ise yazı üstü ve altı dikdörtgen biçimde sosyal butonlar ayrıca bütün sayfalar içinde sol tarafta yazıyı takip eder şekilde floating butonlar olacak(floating butonları bende ayarlayabilirim olmazsa da olur )
Yardım edebilecek arkadaşlar var ise şimdiden teşekkürler...
 

 

wmaraci
reklam

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Tekrar merhaba :) aşağıdaki kodları single.php de uygun yere ekleyin.

Facebook:
Facebook

Twitter:
Twitter

Google+:
Google+

Whatsapp:
Whatsapp

Pinterest:
Pinterest

E-posta:
E-posta
halilyc notumundunyasi

kişi bu mesajı beğendi.

halilyc halilyc labters.com Kullanıcı
  • Üyelik 14.12.2013
  • Yaş/Cinsiyet 31 / E
  • Meslek Web & Grafik ve iOS
  • Konum İstanbul Anadolu
  • Ad Soyad H** Y**
  • Mesajlar 837
  • Beğeniler 441 / 190
  • Ticaret 6, (%100)
scriptiniz ne hocam ? Wordpress ise kendi yazdığım kodları atayım, css ile dilediğiniz şekili verirsiniz.








Wordpress değilse kullandığınız yazılımda url adresini sağlayan php kodunu yukarıdaki kodlarda "" yazan yerlere yazarsanız yine aynı işlevi görecektir hocam. Twitter için sayfa bağlantısının başlığı için kullandığınız yazılımda bir de "" yazan yere kullandığınız yazılımda sayfanın adını veren php kodunu yazınız tamamdır.

Bunları yaptığınızda kodlar tamamdır, CSS ile sosyal-paylasim li classına float:left ve width: 50%; değerlerini girerseniz iki buton yan yana ve genişliğin %50sine sahip olacak şekilde yerlerini alırlar.
Geriye "paylasim-facebook" ve "paylasim-twitter" classlarına arkaplan rengi vs tanımlamanız kalıyor, onlarıda zevkinize göre ayarlarsınız hocam :)

İconlar için font awasome kullandım kod içinde, temanızda yada scriptinizde yoksa header da tagının üstüne bunu ilave etmeyi de unutmayınız :)



Not yukarıda bilimokur hocamız popup şeklinde eklemiş, ben yeni sayfada paylaşılan şekilde eklemiştim kodları, hocamızın kodlarını kendiminkine ilave ederek düzelltim, teşekkür ederim kendisine :)
notumundunyasi

kişi bu mesajı beğendi.

notumundunyasi notumundunyasi WM Aracı Kullanıcı
  • Üyelik 16.01.2017
  • Yaş/Cinsiyet 32 / E
  • Meslek Elektrik Elektronik Mühendisi
  • Konum Ankara
  • Ad Soyad A** T**
  • Mesajlar 351
  • Beğeniler 97 / 69
  • Ticaret 0, (%0)
çok teşekkür ederim halilyc kod üzerine biraz zayıfım deneyerek halledeceğim :D
Ayrıca bilimokur hocamıza ayrı bir teşekkür etmek istiyorum genelde hep onun başını ağrıtıyorum :D Ne zaman bir sorunum olsa en kısa sürede yanıt veriyor ve yardım ediyor. Örneğin dün akşam saat 12 'de bile sorunumu çözdü ve beni mutlu etti.
Siz değerli dostlarımız ve abilerimiz oldukça sırtımız yere gelmez inşallah.
halilyc

kişi bu mesajı beğendi.

wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al