اضافة ازرار الشبكات الاجتماعية بتأثيرات css روعة لمدونة بلوجر المجانية





السلام عليكم ورحمة الله وبركاته , مرحبا بكم في مدونة أي حاجة , اليوم سنقدم لكم اضافة جديدة و حصرية , و هي عبارة عن  اضافة ازرار الشبكات الاجتماعية بتأثيرات روعة لن اطيل عليكم ننتقل الى طريقة الاضافة
أولا ـ ابحث في القالب عن :  
]]></b:skin>
و ضع قبله مباشرة هذا الكود :
p#hb_socialicons 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;
margin-bottom: -40px;
margin-left: 20px;
}
p#hb_socialicons img:hover {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
margin-bottom: 0px;

}

ثم توجه إلى التخطيط و ضع هذا الكود في المكان الذي تريد :
<center>
<p id='hb_socialicons'><a href='https://www.facebook.com/i7aja'>
<img border='0' src='https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/facebook.png'/></a>
    <a href='https://www.youtube.com/i7aja'>
<img border='0' src='https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/youtube.png'/></a>
    <a href='https://twitter.com/i7aja'>
<img border='0' src='https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/twitter.png'/></a>   
  </p>
</center>
و غير الروابط بما يناسبك .
الى هنا تنتهي هذه التدوينة لا تنسوا لايك او شير

الأكثر قراءة

Health Care Products from Forever

سجل واربح مع فورايفر