Blogger Angry Birds Sosyal Paylaşım Butonları


Blogger blogunuz için angry birds sosyal eklentisi istermisiniz ?
u eklentimizle Blogger blogunuza angry birds kuşlarını ekleyerek , facebook , twitter , rss ve google+ sayfalarınızı tanıtabilirsiniz..
Angry Birds hayranı iseniz bu Blogger Eklentisini kaçırmayın..

BLOGGER KUMANDA PANELİ > ŞABLON > HTML'Yİ DÜZENLE > 
]]></b:skin> 

Hemen üstüne altta yer alan kodları ekliyoruz..
.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.3); /*scale up image 1.3x*/ -webkit-transform:scale(1.3); -o-transform:scale(1.3); }

Blogger şablonunu kaydedip , Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele altta yer alan kodları ekliyoruz

<ul class="bubblewrap">


<li><a href="wmpanel.blogspot.com"><img src="http://3.bp.blogspot.com/-b3-ImgxoXZE/ULTdqlQ4TYI/AAAAAAAAF2g/pBhTwnttAKY/s1600/bloggertrix-googleplus.png" title="Add to Google" /></a></li>
<li><a href="wmpanel.blogspot.com"><img src="http://4.bp.blogspot.com/-PL55Jd1MIgw/ULTdpgxpthI/AAAAAAAAF2Y/zqic5hvj2BU/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>
<li><a href="wmpanel.blogspot.com"><img src="http://3.bp.blogspot.com/-NjAWTWrlX5E/ULTdtCeqFeI/AAAAAAAAF2w/sLBX0ttP1rE/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>
<li><a href="wmpanel.blogspot.com"><img src="http://1.bp.blogspot.com/-Cy7I8qvNDg0/ULTdoi-T18I/AAAAAAAAF2Q/qPyAZfmRqU8/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul> 

0 yorum:

Yorum Gönder

Not: Yalnızca bu blogun üyesi yorum gönderebilir.