Css'li Sosyal Medya Profil Butonları
    Merhaba arkadaşlar blogger siteleriniz için kullanabileceğiniz güzel bir sosyal medya profil butonları eklentisi bir deneme amaçlı  kullandığım bir temada gördüm ve beğendim sizlerle paylaşmak istedim umarım beğenirsiniz anlatıma geçmeden önce şunu belirteyim ekleyiti siyah olan bi yere eklemezseniz göremezsini yani ekleyeceğiniz yerin arka planı siyah veya başka bir renk olsun , beyaz olursa aksi takdirde göremezsiniz sadece mause ile üzerine gelince görünür.
Sitenize uygulamak için Eklemeniz gereken 2 tane kod var. 1. kod temanıda CSS bölümüne eklenecek , 2.kod ise ister Widget olarak eklersiniz isterseniz temanızda HTML bölümünde bir yere ekleyebilirsiniz yapayanlar olursa yardımcı olurum
1.KOD Css Bölümüne Eklenecek

#social-wrap {
margin-top: 30px;
background: #000;
display: inline-block;
overflow: hidden;
}
*+html #social-wrap {
display: inline;
}
.no-subsidiary-sidebar #social-wrap {
margin-bottom: 70px;
}
#social {
list-style: none;
padding: 15px 40px 10px;
margin: 0;
display: inline-block;
}
#social li {
padding: 0;
display: inline-block;
}
#social li a {
text-indent: -9999px;
width: 32px;
height: 36px;
display: block;
padding: 0;
margin: 0px 40px 0 0;
background: url(http://4.bp.blogspot.com/-e7AbaHXzyco/UtS5QKIIi9I/AAAAAAAAKRI/R0aqcLcuklk/s1600/social.png)
no-repeat 0 0;
}

*+html #social li {
display: inline;
}
#social #twitter {
margin-right: 22px;
}
#social #facebook {
background-position: -56px 0px;
}
#social #rss {
background-position: -131px 0px;
}
#social #youtube {
background-position: -203px 0px;
}
#social #googleplus {
background-position: -272px 0px;
}
#social #linkedin {
background-position: -340px 0px;
}
#social #pinterest {
background-position: -403px 0px;
}
#social #flickr {
background-position: -465px 0px;
margin-right: 0;
}
/* Hovers */
#social #twitter:hover {
background-position: 0px -37px;
}
#social #facebook:hover {
background-position: -56px -37px;
}
#social #rss:hover {
background-position: -131px -37px;
}
#social #youtube:hover {
background-position: -203px -37px;
}
#social #googleplus:hover {
background-position: -272px -37px;
}
#social #linkedin:hover {
background-position: -340px -37px;
}
#social #pinterest:hover {
background-position: -403px -37px;
}
#social #flickr:hover {
background-position: -465px -37px;

 2.KOD İSTER WİDGET OLARAK EKLERSİNİZ İSTERSENİZ DİREK TEMANIZDA HTML BÖLÜMÜNE GİRİPTE EKLEYİN SİZE KALMIŞ