إضافة أيقونات ثلاثية الأبعاد لمواقع التواصل الإجتماعى إلى مدونتك على بلوجر مع تأثير الدوران عند المرور عليها

طريقة إضافتها لمدونتك على بلوجر

<style>p#hb_socialicons img { /* Spinning Social Icons mdonti-n.blogspot */ 
        -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;
    }
    p#hb_socialicons img:hover {
        -moz-transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    /* Spinning Social Icons mdonti-n.blogspot */
    </style>

  
    <center><p id='hb_socialicons'>
        <a href='https://www.facebook.com/podolski.84/'>

    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLSdForMt1OHkRAVUwjYiaitCL81D3RzHaH4edIgg4vYzruIyVGJ8F0X6cDB_64pdhJJ_kaUExWsjkOd8r9is4XTHy1J-eX58L3S7ChTa8l-rVd0yhXYFVm0f5ytzOpWEufHMPLSqYoqc/s1600/FACEBOOK-48x48.png'/></a>
        <a href='https://twitter.com/Sparrow84Jack'>
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiF2GZW8hmr4wYcGKgNWZlOHvk8fBRzDZnNJbw6eLJBktkdpoXNwikQnMpuVwR3hV8q78hydyjctXHY3df_OuW8gMmg-wiLper0kxoUPVlocoqRZfenPi4RfRE283nkESOUtvDvbtYd20/s1600/TWITTER-48x48.png'/></a>
        <a href='https://plus.google.com/u/0/114546068661425819158/posts'>
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipz37Qo8vpwRmczQiX2jeWnrYbAfwPGt21i-N5vU6u_cXpuxTA7LXv0oLI2tLnevfyr4jKORjecxYnNM-xsSu77eSDXonuN1K62p34LLy_Qe4x53zRv2g_hrj-cVXG7pRHstJ8FzzLqyQ/s1600/GOOGLE-PLUS-48x48.png'/></a>
        
<a href='http://feeds.feedburner.com/blogspot/CFxtY'>
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6ZJktQwID8TuWWSH52iW1uPlcFiZL7iUaz-2arlnEEaMUFFnvq2ikcFREAZi78IVp0HIrIfADH5N5YR1xXLbSzi62ZB6PoYRYfUFXgj3Steh6J-Jyg4ic4kqtvhEBgFZNc-4pAti3uoM/s1600/RSS-48x48.png'/></a>


        <a href='podolski84@hotmail.fr'>
    <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4ypOa4HcG-p2fDosXFc76O_rzVCCoWJRn33Yk5ZD4Fv837HsvcoPE5Ua6Hh9jHPD0uy8PqPw4vnabl9hRW_bqEdLp5q7nu2GuAoINc_mg1fOmjPsqwnqS8CM7zv0qio0T3rRjMjaH9Kc/s1600/RSS-EMAIL-48x48.png'/></a>
    </p></center>