إضافة جميلة للمواقع الإجتماعية في القائمة الجانبية بالأبعداد الثلاثية 3D مع تأثير الدوارن عند مرور الماوس عليها


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




كيفية إضافتاها لمدونتك؟

إذهب لعناصر الصفحة إختر إضافة أداة ثم HTML/JavaScript ثم الصق الكود التالي و احفظ الأداة

 <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="إشترك في خلاصة المواضيع" href="YOUR-FEED-URL-HERE" rel="nofollow
" target="_blank"><img border="0"
 src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/
pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
<!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="تابع جديدنا على الإيميل"
 href="YOUR-EMAIL-RSS-URL-HERE" rel="nofollow" target="_blank"><img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4fXVlCl0lkZ-Jenhkgt-9OFFAm2Syi_C7I2FxN-5CFFAFcV3QbUFO4Ni2FOZIEodVzV1egIWYTQ84RgVly9zZnhvPPnJolf6DA1lXF5iHmEcL4w0VgPgN1HkCqX-HVQ1W6Z5AFz4hf1R-/
s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> 
<!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" 
title="تابعنا على الفيس بوك" href="YOUR-FACEBOOK-PAGE-URL-HERE" rel="nofollow" 
target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_
d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right:
1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel=
"nofollow" title="تابعنا على تويتر" href="YOUR-TWITTER-URL-HERE" rel="nofollow" target="_
blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/
AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt=
"Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="تابعنا على جوجل+
" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" rel="nofollow" target="_blank">
<img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-
aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon-->
  </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" rel=
"nofollow" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.
com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed
 Count Button--> </center> 




ملاحظ:لا تنسى تعديل الكلمات التالية الموجودة في الكود لعناوينك في المواقع الإجتماعية

YOUR-FEED-URL-HERE
YOUR-EMAIL-RSS-URL-HERE
YOUR-TWITTER-URL-HERE
YOUR-GOOGLE-PLUS-URL-HERE
YOUR-FEEDBURNER-URL-HERE

روابط هذا المـــوضوع قــابلــة للنــــسخ
URL
HTML

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
fortek