Angry Birds Sosyal Paylaşım Butonları

Angry Birds Sosyal Paylaşım Butonları
Angry Birds Sosyal Paylaşım Sitesi Butonları

Blogger Dersleri kategorisinde sizler için bir çok sosyal paylaşım sitesi buton örneği sergiledim. ( Sergiledim biraz ciddi oldu ama entelektüel kişiliğime verin ) Sosyal paylaşım sitelerinin gerek trafiğinize olan olumlu etkisinden gerekse seo çalışmalarında yaptığı katkılardan bahsetmeye çalıştım.   Bu sebeple elimden geldiğince sosyal paylaşım sitesi butonu paylaşmaya çalışıyorum. Bulabildiğim son tasarım ise Angry Birds sevdalılarının yüzünü güldürecek.  Üzerine gelince hareketlenen sosyal paylaşım sitesi butonları tıklandığında yeni sayfada açılıyor. 

Angry Birds Sosyal Paylaşım Sitesi Butonları Demo :


Sosyal Paylaşım Sitesi Angry Birds Butonları


Sosyal paylaşım sitesi butonlarını kullanmak için Gadget Ekle seçeneği ile HTML/JavaScript kısmını açarak aşağıda ki kodları eklemeniz yeterli. Kodlar içerisinde ki kırmızı olarak işaretlenmiş alanları kendi sosyal paylaşım sitesi adresleriniz ile değiştirmeniz yeterli.  

 <style>
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
</style>
<br />
<ul class="bubblewrap">
<li><a href="https://plus.google.com/u/0/117069198363134832012/" rel="nofollow" target="_blank"><img src="http://3.bp.blogspot.com/-b3-ImgxoXZE/ULTdqlQ4TYI/AAAAAAAAF2g/pBhTwnttAKY/s1600/bloggertrix-googleplus.png" title="Google Plus" /></a></li>
<li><a href="https://www.facebook.com/BloggerDersleri" rel="nofollow" target="_blank"><img src="http://4.bp.blogspot.com/-PL55Jd1MIgw/ULTdpgxpthI/AAAAAAAAF2Y/zqic5hvj2BU/s1600/bloggertrix-facebook.png" title="Facebook" /></a></li>
<li><a href="http://www.youtube.com/user/4h6o" rel="nofollow" target="_blank"><img src="http://4.bp.blogspot.com/-RlxdrBe4ecs/ULTduDJX5gI/AAAAAAAAF24/Pc03FWKq8js/s1600/bloggertrix-youtube.png" title="Youtube" /></a></li>
<li><a href="https://twitter.com/Bloggerblog_" rel="nofollow" target="_blank"><img src="http://3.bp.blogspot.com/-NjAWTWrlX5E/ULTdtCeqFeI/AAAAAAAAF2w/sLBX0ttP1rE/s1600/bloggertrix-twitter.png" title="Twitter" /></a></li>
<li><a href="http://feeds.feedburner.com/bloggerdersleri/MOiP" rel="nofollow" target="_blank"><img src="http://1.bp.blogspot.com/-Cy7I8qvNDg0/ULTdoi-T18I/AAAAAAAAF2Q/qPyAZfmRqU8/s1600/bloggertrix-Rss.png" title="RSS Takip" /></a></li>
</ul>

 

Makaleyi Paylaş :
 

Yorum Gönder

 
Hakkında : kredi kartı borcu taksitlendirme
Copyright © 2012 - 2013. Blogger Dersleri - All Rights Reserved | Proudly powered by Blogger