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
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.
Merhaba,
Yorumunuz için biz teşekkür ederiz.
İyi Günler
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. :)
Merhaba,
Yorumunuz için bizler teşekkür ederiz.
İyi Günler
Merhaba paylaşım için teşekkür edderim alt alta çıkıyor butonlar soldan sağa nasıl hizalayabilirim
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.
Paylaşım için teşekkür ederim.
Merhaba,
Yorumunuz için teşekkür ediyoruz.
Teşekkür ederim bu paylaşımınız için.
Merhaba,
Değerli yorumunuz için biz teşekkür ediyoruz.