Bu sitedeki her şey Sevgi ile kodlanmıştır.

Kategori Listesini Göster

Web Siteniz için Sosyal Medya Butonları (Eklentisiz)


FacebookTwitterPinterestTumblrYazdır


Web Siteniz için Sosyal Medya Butonları (Eklentisiz)Geçtiğimiz günlerde Teknobeyin.com yeni temasına geçiş yapmış idi. Yeni temayı kodlar iken, özelllikle footer bölümünü de elden geçirmiş idim. Dolayısı ile her zaman olduğu gibi, yaptıklarımı sizlerle paylaşmayı tercih ediyorum. Web sitenize sosyal medya butonları eklemek isterseniz, sizler için aşağıdaki kodları paylaşmak istiyorum. İlgili bağlantıları kendinize göre düzenleyebilir, dilediğiniz gibi kullanabilirsiniz. İlgili kodları footer'a ekleyebileceğiniz gibi, sidebar'a da ekleyebilirsiniz.

AYRICA: Ücretsiz CSS Menüler Bulabileceğiniz Önemli Bir Kaynak

Web Siteniz için Sosyal Medya Butonları (Eklentisiz)

<a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/f1.png" title="Facebook"/></a><a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/t1.png" title="Twitter"/></a><a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/g1.png" title="Google+"/></a><a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/p1.png" title="Pinterest"/></a><a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/i1.png" title="Instagram"/></a><a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/t2.png" title="Tumblr"/></a><a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/f2.png" title="Flickr"/></a><a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/y1.png" title="YouTube"/></a><a href="#" target="_blank"><img src="https://www.teknobeyin.com/wp-content/themes/astra/images/v1.png" title="VKontakte"/></a>

Örnek Görünüm

Web Siteniz için Sosyal Medya Butonları (Eklentisiz)

    • laylaylom_orji
    • 23 Aralık 2017, 07:49

    Siten ile henüz yeni tanışma fırsatı buldum ama çok geç kaldığımı anlıyorum. Zararın neresinden dönsen Kâr'dır. Gerek sitende yayınladığın Doğru Bilgiler ve gerekse sitene aldığın Doğru Reklamların ile Güzel ve kesinlikle faydalı bulduğum paylaşımlarının, ihtiyacı olan birçok arkadaşa doğru yoldan ulaşması dileği ile çok teşekkürler.

      • Şahin Gezici
      • 23 Aralık 2017, 10:24

      Merhaba,

      Yorumunuz için biz teşekkür ederiz.

      İyi Günler

    • TeknoSonik
    • 31 Ocak 2018, 16:11

    Bu özelliği uzun zamandır arıyordum, gerçekten çok işime yarayacak gibi duruyor. Kodu paylaştığınız için de ayrıca teşekkür ederim, birçok kişiye faydası dokunacaktır. :)

      • Şahin Gezici
      • 1 Şubat 2018, 10:56

      Merhaba,

      Yorumunuz için bizler teşekkür ederiz.

      İyi Günler

    • sedat cengiz uymaz
    • 26 Ekim 2019, 14:05

    Merhaba paylaşım için teşekkür edderim alt alta çıkıyor butonlar soldan sağa nasıl hizalayabilirim

      • Doğan Gezici
      • 26 Ekim 2019, 15:28

      Merhaba,

      İlgili görseller için bir div oluşturunuz. Ardından ise "display: inline-block" kodunu ekleyerek, görsellerin yan yana olmasını sağlayabilmektesiniz.

    • Moto
    • 17 Kasım 2019, 06:59

    Paylaşım için teşekkür ederim.

      • Doğan Gezici
      • 2 Aralık 2019, 17:32

      Merhaba,

      Yorumunuz için teşekkür ediyoruz.

    • Poşet
    • 5 Aralık 2019, 17:55

    Teşekkür ederim bu paylaşımınız için.

      • Doğan Gezici
      • 16 Aralık 2019, 21:24

      Merhaba,

      Değerli yorumunuz için biz teşekkür ediyoruz.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.
Yazı Etiketleri
Yukarı Çık