إضافة أداة المتابعة على الشبكات الإجتماعية المميزة بشكل حركي و ثلاثي الأبعاد

dffs في

مرحبا في هذا الدرس ان شاء الله سنتطرق الى اكتشاف اداة جديدة للمتابعة على المواقع الاجتماعية خاصة ببلوجر اقول خاصة ببلوجر لاكنها تصلح لاي نوع من المدونات الاخرى لانها في النهاية عبارة عن جافا سكريبت او كود تلصقه في مدونتك فتظهر لك عبارة عن اداة عند لمسك بالماوس او الفارة ووضعها عليها تدور وان قمت بوضع الماوس بين زرين من ازرار الشبكة الاجتماعية
فانه تتحرك تلك الاداتين الاداة احترافية ومميزة وتعطي لمسة جميلة على مدونتك, يمكنك من نقص عدد الازرار ان كنت تريد توفير فيسبوك وتويتر و جوجل فهذا يتمحور حول التالي ستجد أن كود كل موقع اجتماعي  مثلا google plus  يبتدأ ب :
<!--Start Google+ Icon-->كود جوجل بلس هنا <!--End Google+ Icon-->
فقط قم بمسح الكود الموجود بينهما وهكذا لن تبقى تابع كيفية تريكيب بقية الاكواد.
  • لوحة التحكم
  • تخطيط
  • عناصر الصفحة
  • 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="Grab Our Rss Feed" href="http://feeds.feedburner.com/XXXX" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigqb-x1oM8PA0o-MLFxawai3el3Iw6Uem547tPOv4TGpLY6CYtKCFlk7GnU4L7NoyBfqfh2HIJ5tBNSGLxla0fkAMrssxVMbgdQXWHLw5G5AH-O4OnA-HZx0Lhy_LiyC-jQHXHcgT4l75N/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="http://feedburner.google.com/fb/a/mailverify?uri=XXXX" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0xtY-C8gM9z1A-SSLMF1kkmuCJuFHA-2IYMUSgtWAwvCX3DqmkqW23Rsr8eMpQF0UYVR5l7VwQhDhNDoAqMaC9g631AOnHb4DovDf6dzsqJrl0GlQ3deoQbR1EzH6nUv5UoC-i_hNEHdW/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="http://www.facebook.com/XXXX" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBdAry5nG80-wJBAGvYCaDelMNv3UAuirH9sZ2vO4_sQ_-vILcqhVmUrlYxH1DYcEXebzxU08HJbHJt5rj_y9j1JSQs9AmL9QIhCKh_W_zjE9z9x0WP7FgnGvRSAh8Pld1GhsvAQCtqmfd/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="https://twitter.com/XXXX" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghussz5FSmn3ZDTRPTnX21tIR7yyxw-ctBfU7-Hx3RSdx0lPJlPSBCzpIBAFkctRrhowtBuhpNIUhb48vKUAVvxbKpX_jozeOt6OG6LHozh2vMi45kiyx2_mly_W9RL76VzQAlJfyAIpG6/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="https://plus.google.com/105111763875634408359" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-aLhdV8O4lQoH3obpjcpPce7sOL0q3rOoCkR4JnQoWQ4dFbsb_PbE1p5hVUGob6Zc4DNKc_SnBCvB5plGTkDkF7CMiESFO2Hqh8Xz3rBv-GC0Ni5Z-8C70c4qpTbyUJEAqk3R-nqyrb_K/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/chamelcoolblog" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisx_iMYWjQ56Cp4WhjuZA2r_zruLcVnpVTO7FicyRL52Vdj0q729_klnOFPGO0Jy5WUBuEDtsARKfw5dr9CW5XXWqFJLmqDxYtWmkutYB_ZU8Xcn7HN3qgiyiBriSVW9jZahBKBMl_sbE9/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/></center>
غير ما هو باللون الأزرق بما يناسبك

شاركها !

تعليقات الفيسبوك .... شاركنا رأيك !

ليست هناك تعليقات

إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

جميع الحقوق محفوظة ©2013 / نقل بدون تصريح ممنوع .