Blogger Hareketli ( Dönen ) Sosyal Ağlar Butonu

Blogger'da hit artırmak ve google'da üst sıralara çıkmak için sosyal medya kullanımı oldukça önemlidir. Blogunuza şık bir görüntü kazandırabileceğiniz hareketli sosyal ağlar butonları eklentisi bu ihtiyacı oldukça fazla karşılıyor. Üstelik kurulumuda çok basit

Blogger Hareketli Sosyal Ağlar Butonu Nasıl Eklenir ?

Blogger kontrol panelinden yerleşim - gadget ekle - HTML/ Java script yollarını izleyerek 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="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOV-U2KtsPXXHzikcMjim2ZJ_k79KYXrtoMnhyvO6F3584QgyVKsI5Uh3UvUtol5pO4IiYmEcJbOujRFCsqXyHl_A5BO3jpodXvBl_3l_fUXQU9xwU9SdTrFhaHD0QCWaBi7CeVqYrQl7K/s1600/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="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisBn8pW_mlf5evfT7z0LKlGyEeX5V7gTCjYN7SsOHWxbBqeNFWP_hRS3ncmyApb0pH7KuEua7zIruQBtmjfyTR8Klzdh5CtEMebBG0RTAZaN0YZuwk8mtL9dLy5vj86FKmf1N2Dw5AxXqY/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="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoqiTkhj1pIJPQwAR_WfcvC2N-2cGt3c5jPfEdhXVyGyQ0ACOwohOmdx9dX-44mTgR5_J2iG2l8AsmDAAydxF6wWQPsjo2bXI6zMJXSoFFrxzzWNIJFx5VK85vfbIfbmczrOx_0NwpJhf1/s1600/FACEBOOK-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="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV9O1MQYiIehVuTGMkrmgfYUZwP7oBeVeqcDP-CjDiQpbBjzAoup8l_Ci1LTqs2egR1b1v7vYdScwznsKp4Xv_eCDWqBUv6fgiCoB-A_dw9i_t1NhNV4z7lqKFQoS8Se_ssdjsrSWfCgiR/s1600/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="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3XT0XmxlVNu83ECNw0PXDjzki5Tiije2w8_lbIPNOEFl_-d2jexr-UeKumFEJBxD-KLQB922tcvcsLkvQsTrOAi8Jjs2onw0_ulLzywjIqRmb7iekoh-hko4YoEo2K6WWvXKSONGuh_fy/s1600/GOOGLE-PLUS-48x48.png"/></a>
 <!--End Google+ Icon-->
 <!--Start Pinterest Icon-->
 <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdf-kLBnmZAikNJJ0Cdexi9ejQenS3MQpBz-DggFG_-bo0wMlI8_ovHaJQTXDQnKmRzmpLDlRZCeKv96MjHxI6lXnW2cHPg3CDwNmjTnDjTBxIJQnvaD_S4vwvsNErcGtwD04F9_-PWHLb/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a>
 <!--End Pinterest Icon-->
 </div>
</center>

Kod içerisinde bulunan your facebook adres, yout twitter adres yazan yerlere kendi sosyal medya hesap adreslerimizi yazıyoruz. Ve hareketli sosyal ağlar eklentimiz hazır oluyor.


ÖNERİLEN YAZI :  Blogger Windows 8 (Metro ) Tarzı Sosyal Paylaşım Butonları

Benzer Aramalar: Blogger , Blogger Eklentileri , Blogger Sosyal Medya, Blogger Sosyal Ağlar Butonu eklemek , Hareketli sosyal medya butonu , Blogger Hareketli Sosyal Ağlar