4 Mayıs 2013

Siteniz için HTML Sosyal Medya ikonları: Facebook, Twitter, Youtube

Web sitenize nasıl sosyal medya ikonlarını eklersiniz onu paylaşacağım. HTML şeklinde ekleyeceğimiz ikonları direk düz şekilde resme bağlantı vermek yerine işin içine ufak bir görsel katarak daha güzel hale getirdik. Sosyal medya ikonları için css eklentileri veya benzeri şeylerde kullanmanız mümkün, ben en basit şekilde kodu sizlerle paylaşacağım.
<div class="share">
    <a href="http://www.facebook.com/burakbrx"><div class="facebook"></div></a>
</div>
<style>
    .share .facebook{
        background: url("http://resim/facebookicon.png");
        height:32px;
        width:32px;
    }
    .share .facebook:hover{
        opacity: 0.6;
    }
</style>
Yukarıdaki kod Facebook için yapılmıştır. siz Youtube, Twitter, Linked ve benzeri tüm Sosyal medya bağlantıları için kullanabilirsiniz. style kısmından facebook kısımlarını ve ikonu değiştirerek div kısmında ise class ve bağlantıyı değiştirerek tüm sosyal medya adresleriniz için kullanabilirsiniz.