Blogger dönen sosyal buton eklentisi

Merhaba ;

Sosyal ağların website ve blogların trafiğindeki katkısı oldukça yüksek.
Özellikte facebook ve youtube bunların başında geliyor.
Tabiki bu sosyal ağlara ne kadar önem verdiğinizle alakalı bir durum ne kadar ekmek o kadar köfte diyorum ve bu şık animasyonlu ve görüntü anlamında bloğunuzun tasarımına katkı sağlayacak eklentinin anlatımına geçiyorum.

Eklentinin görünümü ;

Kurulum ;

Şablon > Yerleşim > Gadget Ekle > Html/Javascript diyoruz ve aşağıdaki kodları ekliyoruz.

<style>
 #social a:hover {
 background-color: transparent;
 opacity:0.7;
 }
 #social img {
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;
 }
 #social img:hover {
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
 }
</style>
<center>
 <div id="social">
 <!--Start Rss Icon-->
 <a title="Grab Our Rss Feed" href="rss url'niz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKOZ3RxwFqa_xvz116eS63qNdZ7VCQSTTdHKsRgHxt30FZIv4Vu21N3qhjXaegXMpIIHazeD4hyphenhypheniXG6p2Kjqt0QGgRzZhMA6y-62yGvzBe5hOWcZHtSbHgLSRwL1HK30_f5kGfjj1tfgsy/h120/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Rss Icon-->
 <!--Start Email Rss Icon-->
 <a rel="nofollow" title="Get Free Updates Via Email" href="e-mail rss url'niz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR0ZFvZ6tsDy0uxtUGFIi1UYIHZul6Kl728v1ZlmF6miKmevycsL2uzEo1ywtC_0CWjwSUEL56JbV14ptxkQZY04LveUEmhibdU33Hs8jT0equw9s0OdmdqtkScCaIAs2rOPOBUwgMj2hu/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Email Rss Icon-->
 <!--Start Facebook Icon-->
 <a rel="nofollow" title="Like Our Facebook Page" href="facebook url'niz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjClbIOL6seFHYTUc3ZdalShU-H4lv1owDrKyZ2maWNCJs34uUglrWO4rTGyMlGCdiElQ2GPO3IznCkdriwoLWMl1QWM-Fb2e4p0bRWErP2tuDdqB14WLUTCUwuCwTbGVjiyex2d8XQ1oH3/h120/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Facebook Icon-->
 <!--Start Twitter Icon-->
 <a rel="nofollow" title="Follow Our Updates On Twitter" href="twitter url'niz" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH2sSW_vlTyik8GdVwhyMXl_5RPJa6EdHORLVpJKY5mBTF1erS3WyxdGIPf12_tPCvF5pScGg7qxTbuDCNluFqKX2drq3JwW6Qbx4o1THts9uJOc8YU9HXd79zZ4jVA9n6qgADfuGCEWj1/h120/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
 <!--End Twitter Icon-->
 <!--Start Google+ Icon-->
 <a title="Follow Us On Google+" rel="nofollow" href="google+ url'niz" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHlXgSIufso6F6utMB8-YxqYfoKnARm1vixpJLwrphO-n3BoM6HQ86rTTNmD9-JgXe8o5TzBtNu4UZHu8mfLIU9GDq9qNg2IvdyOrAHGXS6xMjIoz1qtguPETPecvU_i8pZlK8eWTOIg0/h120/GOOGLE-PLUS-48x48.png"/></a> 
 <!--End Google+ Icon-->
 <!--Start Pinterest Icon-->
 <a title="Follow Our Pins" rel="nofollow" href="pinterest url'niz" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm6Q97KcuFipfj5MyREhiPFb1G0ntokO_g4zhVtOvgp0iZhMqW63pauINIua0maHmIOlnCX5iWL9UrfxrVUPWP1_d8xwpEb0s54i3kOUhk-9Xn6AR3GffP9Qc7TNFv9SUw2_2byvgSLuYa/h120/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a>
 <!--End Pinterest Icon-->
<a rel="dofollow" href="http://www.bloggereklentideposu.blogspot.com"
 </div>
</center>

Daha sonra mavi renkle belirttiğim yerlere kendi sosyal hesap linklerimizi ekliyoruz ve kaydedip çıkıyoruz.Hayırlı olsun :)




Anahtar kelimeler : animasyonlu sosyal buton, sosyal buton, blogger animasyonlu sosyal buton, animasyonlu sosyal buton eklentisi, blogger animasyonlu sosyal buton eklentisi

Dipnot

Bu yazı 17 Eylül 2015 Perşembe günü Unknown tarafından yazılmıştır. Güncel yazılarımızı RSS 2.0 sistemini kullanarak takip edebilir, dilerseniz bu konu hakkındaki düşüncelerinizi yorum bölümünü kullanarak bana ve değerli ziyaretçilerime iletebilirsiniz.