انتر التقنية انتر التقنية
recent :

اخر التدوينات

recent :
random :
جاري التحميل ...

اضافة مواقع التواصل الاجتماعي بشكل جذاب في بلوجر




بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته,,

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

نشاهد المثال:




طريقة التركيب:

أول نذهب الى التخطيط ومن ثم تختار المكان المراد وضع الكود به ونختار HTML/JavaScript :

الكود:
<style>
.pakmax-fancyshare img {
-webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.pakmax-fancyshare img:hover {
-webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
</style>
<center>
<div class="pakmax-fancyshare">
<a href="https://www.facebook.com/#" target="_blank"><img src="https://lh5.googleusercontent.com/-4eFkq5v7Nnc/U751mgd8dAI/AAAAAAAABPI/o1oFUonb6ls/h120/facebook.png" /></a>
<a href="https://twitter.com/#" target="_blank"><img src="https://lh3.googleusercontent.com/-bCY0vgsXkGQ/U751nB8YmDI/AAAAAAAABPc/ZkXPELRl_Bs/h120/twitter.png" /></a><br />
<a href="https://plus.google.com/u/0/#" target="_blank"><img src="https://lh3.googleusercontent.com/-WS08B0GjgLE/U751mjOmKdI/AAAAAAAABPM/lbW8FzCnssY/h120/g%2B.png" /></a>
<a href="http://feeds.feedburner.com/#" target="_blank"><img src="https://lh3.googleusercontent.com/-gVfRoabNyCM/U751molueJI/AAAAAAAABPU/u_ZBHtjtigk/h120/Rss.png" /></a>
</div>
</center>




,,دمتم سالمين,,

عن الكاتب

Essa KH

التعليقات



إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

إتصل بنا

جميع الحقوق محفوظة

انتر التقنية