Blogger sosyal medya butonları

sosyal medya butonları

Bu yazımızda güzel ve kullanışlı bir blogger eklentisini sizlerle paylaşıcaz.Bildiğiniz Gibi Site Mühendisi olarak sürekli sizler için çalışıyoruz. Butonların özelliği tıkladığınızda zoom yapıyor olması ziyaretçilerinizin ilgisini çekiceğini umuyoruz.
Eklentiyi nasıl ekliceğinizi 2 adımda anlatıcam.

1. Adım: Blogger > Yerleşim > Gadget ekle > Html/Javascript > Yolunu izliyoruz ve aşağıdaki kodları yapıştırıyoruz.

<style>  
.ipucubalonu{ 
list-style-type:none; 
margin:0; 
padding:0; 
} 
.ipucubalonu li{ 
display:inline; 
width: 60px; 
height:60px; 
} 
.ipucubalonu li img{ 
width: 50px; 
height: 50px; 
border:0; 
margin-right: 4px; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; 
} 
.ipucubalonu li img:hover{ 
-moz-transform:scale(1.8); 
-webkit-transform:scale(1.8); 
-o-transform:scale(1.8); 
} 
</style>
<ul class="ipucubalonu">
<li><a href="http://feeds.feedburner.com" target="_blank"><img src="https://lh4.googleusercontent.com/-28Yl3FJYVoY/UH8VfEToQII/AAAAAAAAEUo/9-kIdmHeGaE/s64/ipucubalonu-rss.png" title="Add RSS Feed" /></a></li>
<li><a href="http://www.facebook.com" target="_blank"><img src="https://lh4.googleusercontent.com/-fkNyrN8QhSw/UH8VfPasifI/AAAAAAAAEUg/1L1SEhaNxrs/s72/ipucubalonu-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="http://www.twitter.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGlat-_4ng2mjFFYfZEhflEFmrbiEeo0tgbyR3wdUHe6cBw2VqYsLPVTauje1UW7z5PYdnSKRtFfr8-pZ1e1X7hqI5e2tT8KL6SKDj7w-vGSzKAsDG_6G_Nhyphenhyphen2YYkpBFuBtNwAqz-xGxWf/s64/ipucubalonu-twitter.png" title="Add to Twitter" /></a></li>
<li><a href="https://plus.google.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3hyphenhyphenlNheSosciuysT-kTToJam6VFqem2CHKGfC3jEA6QIlhNmtEscD41qcBpE8DKCL6EK0kbagjFa4yY5OkDnVg57s-3_FkWx_HoprsGM2LQx107hrahondEK3-v51RxahHBxg7JZepIGA/s64/ipucubalonu-google.png" title="Add to Facebook" /></a></li>
</ul>

2. Adım: Yukarıdaki kodları yapıştırıp kaydettikten sonra mavi ile belirtilen  adresleri kendi sosyal paylaşım adreslerinizle değiştirin.