Blogger Sosyal Medya Butonları Eklentisi

Bu yazımda sizlerle blogger'da sosyal medya butonları eklentisi paylaşacağım.Aşağıdaki adımları sitenizde HERHANGİ Bir bölüme sosyal medya hesaplarınızı belirten şekildeki gibi güzel bir köşe ayarlayabilirsiniz.

nasıl Gözüküyor

nasıl Yüklenir

Blogunuzun yönetim Panelinden residential >> Gadget Ekle >> HTML / JavaScript seçeneğini seçelim A.Ş. Açılan panele aşağıdaki kodları ekleyelim ..


<Style> 
.touchme a { 
Ekran bloğu; 
height: 50px; 
genişliği: 50px; 
padding: 0 4px; 
şamandıra: Sol; 
Arka plan: şeffaf no-repeat;
-webkit-geçiş: kolaylığı in 0.2s tüm;    
-moz-geçiş: kolaylığı in 0.2s tüm;    
-o-geçiş: kolaylığı in 0.2s tüm;    
-ms-geçiş: kolaylığı in 0.2s tüm;    
Geçiş: kolaylığı in 0.2s tüm; 
İmleç: pointer;
}

.touchme a.googleplus { 
background-position: 0px -58px;
} 
.touchme a.googleplus: hover { 
background-position: 0px 0px; 
}

.touchme a.twitter { 
background-position: 0px -290px;
} 
.touchme a.twitter: hover { 
background-position: 0px -232px;
} 
.touchme a.facebook { 
background-position: 0px -406px;
} 
.touchme a.facebook: hover { 
background-position: 0px -348px;
}

.touchme a.rss { 
background-position: 0px -174px;
} 
.touchme a.rss: hover { 
background-position: 0px -116px;
}

</ Style>

<Div class = 'touchme'>
<! - RSS -> 
<a class='rss' href=" RSS adresi "rel='external nofollow' target='_blank'> </a>
<! - Google Plus -> 
<a class='googleplus' href=" GOOGLE PROFİL adresi "rel='external nofollow' target='_blank'> </a>
<! - Facebook -> 
<a class='facebook' href=" FACEBOOK adresi "rel='external nofollow' target='_blank'> </a>
<! - Twitter -> 
<a class='twitter' href=" twitter adresi "rel='external nofollow' target='_blank'> </a>

</ Div>

Yukarıdaki kodlarda kırmızı ile yazılmış Olan Yerlere, Kendi adreslerinizi yazmayı Unutmayın ... yapmanız Gereken sadece sadece bu kadar ..